Blogs›Uber›Design System Observability

Design System Observability

posts

2026

Uber is establishing a comprehensive Design System Observability framework to ensure consistent and high-quality user experiences across its global applications. This initiative addresses the challenge of maintaining design integrity at scale by providing tools and processes to measure and enforce adherence to the Base design system. Key components include the 'Deterministic Counter' (the 'eye') for visual identification and measurement of Base component adoption, and automated analysis pipeline. This has evolved to include an agentic system (uSpec) that leverages AI agents and Figma Console MCP to automate the generation of up-to-date component specifications, including anatomy, API, properties, color annotation, structure, and screen reader accessibility details, directly within Figma files. This significantly reduces the time and effort required for spec creation and maintenance, ensuring accuracy and consistency across multiple implementation stacks.

2026

How Uber Built an Agentic System to Automate Design Specs in Minutes

3/11/2026

Introduced uSpec, an agentic system that connects an AI agent in Cursor to Figma via the open-source Figma Console MCP. This system automates the generation of component specifications by crawling component structure, compiling data with provided context, and rendering finished spec pages directly in Figma files. It breaks down spec generation into dedicated agent skills for anatomy, API, properties, color annotation, structure, and screen reader details. The system emphasizes local execution for security, consistency through structured schemas, speed, accuracy by reading real data from Figma, multi-platform support, and maintainability through direct updates.