Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

This is how a designer at Uber creates design system documentation for engineering in Figma This is the most detailed design system documentation I have ever seen in my life 🤯 Ian Guisard shows how he create design system documentation in Figma for engineers at Uber 👇

Jayneil Dalal

8,612 subscribers

47,187 views • 1 year ago •via X (Twitter)

Science & Technology Education Arts

Anya Rossi• Live Now

Private livecam show

6 Comments

Jayneil Dalal1 year ago

Watch the full interview:

Georg S. Kuklick1 year ago

@figma @Uber It seems like they just hate to talk to the developers.

Richie Sun1 year ago

@figma @Uber You need an incredible amount of lead time to develop documents like this. Far far ahead.

Jayneil Dalal1 year ago

@figma @Uber 💯

Elias Witt1 year ago

Still waiting for more variable modes in the pro plan to use that workflow he showed off around minute 5. Nobody on YouTube even seems to have a tutorial on that workflow tho. ): @figma maybe give us like 8 variable modes in pro plan? I don’t need 40. It would be so nice to make components more efficiently.

Francesco Improta1 year ago

@figma @Uber I’d never, never, never invest so much time and effort maintaining this HUGE docs in Figma.

Related Videos

This is how a designer at Figma does engineering handoff in Figma This is the most comprehensive engineering handoff file I have ever seen in my design career 🤯 Tammy Taabassum shows she does engineering handoff for Figma in Figma 👇

This is how a designer at Figma does engineering handoff in Figma This is the most comprehensive engineering handoff file I have ever seen in my design career 🤯 Tammy Taabassum shows she does engineering handoff for Figma in Figma 👇

Jayneil Dalal

252,630 views • 1 year ago

This is how a top fintech designer does motion design in Figma The obsession this designer has for getting better at motion design is insane 🤯 shows he does motion design for Plaid in Figma 👇

This is how a top fintech designer does motion design in Figma The obsession this designer has for getting better at motion design is insane 🤯 shows he does motion design for Plaid in Figma 👇

Jayneil Dalal

23,868 views • 1 year ago

I haven't fully thought this through but... I think there's a lot of potential in using Figma Make embeds in Figma Design for inline and interactive design system documentation

I haven't fully thought this through but... I think there's a lot of potential in using Figma Make embeds in Figma Design for inline and interactive design system documentation

luis.

23,288 views • 4 months ago

This is how an AI designer creates a motion storyboard for engineering handoff in Figma The attention to interaction design details is mind blowing 🤯 Lukas Guschlbauer ☻ shows he does engineering handoff for StudySmarter in Figma 👇

This is how an AI designer creates a motion storyboard for engineering handoff in Figma The attention to interaction design details is mind blowing 🤯 Lukas Guschlbauer ☻ shows he does engineering handoff for StudySmarter in Figma 👇

Jayneil Dalal

29,331 views • 1 year ago

This is how a designer at Slack does accessibility design in Figma The attention to design details for making Slack accessible is mind blowing 🤯 andrew gosine 🌲 shows he designs Slack for accessibility in Figma 👇

This is how a designer at Slack does accessibility design in Figma The attention to design details for making Slack accessible is mind blowing 🤯 andrew gosine 🌲 shows he designs Slack for accessibility in Figma 👇

Jayneil Dalal

144,531 views • 1 year ago

This is how a top designer uses sections to organize designs in Figma This is the most comprehensive file organization I have ever seen in my design career 🤯 Carrie Noonan (Staff Product Designer) shows she uses sections to organize designs for Lattice in Figma 👇

This is how a top designer uses sections to organize designs in Figma This is the most comprehensive file organization I have ever seen in my design career 🤯 Carrie Noonan (Staff Product Designer) shows she uses sections to organize designs for Lattice in Figma 👇

Jayneil Dalal

29,431 views • 1 year ago

This is how a top designer does AI design explorations in Figma The amount of design iterations is insane 🤯 Lukas Guschlbauer ☻ (Lead Product Designer) shows the AI design explorations for StudySmarter in Figma 👇

This is how a top designer does AI design explorations in Figma The amount of design iterations is insane 🤯 Lukas Guschlbauer ☻ (Lead Product Designer) shows the AI design explorations for StudySmarter in Figma 👇

Jayneil Dalal

42,271 views • 1 year ago

This is how a top designer uses components in Figma Her Figma component organization and documentation is insane 🤯 Dion Chooi shows how LottieFiles uses components in Figma 👇

This is how a top designer uses components in Figma Her Figma component organization and documentation is insane 🤯 Dion Chooi shows how LottieFiles uses components in Figma 👇

Jayneil Dalal

86,024 views • 1 year ago

This is how a top designer uses Figma variable modes to manage a design system for 50+ sports brands Designers should copy this workflow to scale their Figma design systems 👀 Watch the full video on Sneak Peek: Cornelius Hegeman shows how the Jump design team built a Figma design system to manage 50+ brands 👇

This is how a top designer uses Figma variable modes to manage a design system for 50+ sports brands Designers should copy this workflow to scale their Figma design systems 👀 Watch the full video on Sneak Peek: Cornelius Hegeman shows how the Jump design team built a Figma design system to manage 50+ brands 👇

Jayneil Dalal

29,057 views • 4 months ago

This is how a top designer uses Figma MCP + Cursor to build an AI design system Designers working on design systems should copy this AI workflow to free up precious engineering bandwidth 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Figma MCP + Cursor to build their design system 👇

This is how a top designer uses Figma MCP + Cursor to build an AI design system Designers working on design systems should copy this AI workflow to free up precious engineering bandwidth 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Figma MCP + Cursor to build their design system 👇

Jayneil Dalal

89,213 views • 4 months ago

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?

AK

91,829 views • 4 months ago

This is how a Head of Design uses Figma to do design onboarding for new product managers, engineers Design onboarding is a brilliant process to coach product, engineering on how to work best with designers and reduce friction Adam Storr shows he uses Figma to do design onboarding for new PMs, engineers at Hex

This is how a Head of Design uses Figma to do design onboarding for new product managers, engineers Design onboarding is a brilliant process to coach product, engineering on how to work best with designers and reduce friction Adam Storr shows he uses Figma to do design onboarding for new PMs, engineers at Hex

Jayneil Dalal

32,539 views • 1 year ago

This is how a designer at Figma designed AI features for Figma Slides The amount of design iterations and the attention to details is mind blowing Natasha Tenggoro shows she designed the AI features for Figma Slides in Figma 👇

This is how a designer at Figma designed AI features for Figma Slides The amount of design iterations and the attention to details is mind blowing Natasha Tenggoro shows she designed the AI features for Figma Slides in Figma 👇

Jayneil Dalal

20,714 views • 1 year ago

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:

Figma

550,976 views • 3 years ago

New website for Kigen Design System is live 🚀 This is an extension of the Kigen Figma Plugin that helps you kickstart your design system faster. It includes 6k+ components and variants, with easy customization, proper documentation, and more. Check out and let me know...

New website for Kigen Design System is live 🚀 This is an extension of the Kigen Figma Plugin that helps you kickstart your design system faster. It includes 6k+ components and variants, with easy customization, proper documentation, and more. Check out and let me know...

vijay verma

16,062 views • 2 months ago

This is how the Figma design team does silent design critiques in Figma Why silent? To give introvert designers a chance to share their ideas! Tammy Taabassum shows how to do a silent design crit in Figma 👇

This is how the Figma design team does silent design critiques in Figma Why silent? To give introvert designers a chance to share their ideas! Tammy Taabassum shows how to do a silent design crit in Figma 👇

Jayneil Dalal

53,342 views • 1 year ago

This is how a top designer prototypes LLM typing in Figma The attention to interaction design details for making the AI chat prototype feel real is insane 🤯 Zach Johnston shows he prototyped AI chat feature for Toma in Figma 👇

This is how a top designer prototypes LLM typing in Figma The attention to interaction design details for making the AI chat prototype feel real is insane 🤯 Zach Johnston shows he prototyped AI chat feature for Toma in Figma 👇

Jayneil Dalal

14,607 views • 1 year ago

This is how a designer at Southwest Airlines uses Figma Variables API to make design systems updates directly in code Every designer working on design systems should leverage this workflow to remove the dependency on engineering Another benefit of this workflow is that it gives full control of the design system to designers! Designers no longer have to worry about a developer misunderstanding and making a mistake 😅 👀 Watch the full interview on Figma's YouTube channel: Jenny Hou shows how she uses Figma Variables API at Southwest Airlines 👇

This is how a designer at Southwest Airlines uses Figma Variables API to make design systems updates directly in code Every designer working on design systems should leverage this workflow to remove the dependency on engineering Another benefit of this workflow is that it gives full control of the design system to designers! Designers no longer have to worry about a developer misunderstanding and making a mistake 😅 👀 Watch the full interview on Figma's YouTube channel: Jenny Hou shows how she uses Figma Variables API at Southwest Airlines 👇

Jayneil Dalal

32,437 views • 10 months ago