Figma
ResourcesAssetsCoursesGuides & Best PracticesExtensions & APIs
Figma

How to Design Complex Components in Figma

David Luhr
David Luhr, UX Developer at DockYard, Creator of Build UX

In this Build UX how-to video, we design multiple variations of a Card UI to learn how to work with complex components in Figma. The cards we build have different combinations of subcomponents, layout rules, and color themes, making it quick and easy to update designs without having to rebuild everything from scratch.

This same approach can be scaled to build components at any level of complexity, and lays the foundation for a robust and highly adaptable. design system.

Watch on YouTube

Related Content

littleBits Product |
Creating atomic components in Figma
This post is a look at how we built an atomic design system in Figma.
David Luhr | Guides & Best Practices
How to Design Flexible Button Components in Figma
Learn how to design flexible button components in Figma with internal layout and instance swapping, ready for use in a scalable, robust design system.

Try Figma for free.