Deep Dive into Uber’s Design Systems

Welcome to Deep Dive with Jay, a series where we will look inside the Figma files of top designers. In this interview Jay chats with Ian who leads design systems for Uber. You will learn how Ian creates new design system components, specs components for developer handoff and more.

Connect with Ian: LinkedIn: https://www.linkedin.com/in/iguisard/

Connect with Jay: X: https://x.com/jayneildalal LinkedIn: https://www.linkedin.com/in/jayneil/ YouTube: www.youtube.com/@sneakpeekdesign

Timestamps

01:35 Guest intro 02:07 How big is the Uber Design System? 03:44 Using component specific variables in Figma 05:37 How to organize variables in Figma 08:04 Changing screen density using Figma variables 11:05 Benefits of reducing design system components 14:29 Deprecating design system components 18:52 Creating component specs for engineering 21:06 Design explorations for creating a component 26:32 Component documentation for engineers 34:45 Change log for design system updates 35:44 Creating new components for Uber Design System 40;41 When to break design system rules? 44:53 How to use Figma Dev Mode annotations?

Find us on ⬇️ X (formerly Twitter): https://x.com/figma Instagram: https://www.instagram.com/figma LinkedIn: https://www.linkedin.com/company/figma TikTok: https://tiktok.com/@figma Figma forum: https://forum.figma.com/