Published On Mar 3, 2021
Learn how to build design systems in Figma with an approach that combines main components and variants to substantially reduce maintenance efforts over time and scale your DesignOps!
✨ Duplicate my design to follow along: https://www.figma.com/file/vCGVX4tWvM...
Everyone talks about building design systems, but only a few share principles and practices related to maintaining those systems over time in the context of real product design. And that's the toughest part!
In this video, I share a brief history of how documenting components has evolved in Figma over the past year, and how you can leverage the best of what Figma has to offer today to craft a maintainable design system.
New to Figma? Start here! • Designing with Figma – A Beginners' H...
Deeper dive on components and variants: • Components and Variants in Figma – De...
Let me know in the comments if you enjoyed watching this video, and if there's anything related to components and design systems I haven't covered yet that you'd like to see in the near future! 💬
If you are new to my channel, welcome! Don't forget to hit subscribe if you'd like to keep up with my weekly dose of product design videos and tutorials to help you build great products and bring your ideas to life.
Don't be a stranger and connect with me here 👋
Twitter: / javalaves
Figma: https://www.figma.com/@javi
LinkedIn: / javieralaves
Chapters:
0:00 - Intro
0:34 - Basic components
1:41 - Nested components
2:43 - Component variants
4:12 - Nested variants
6:52 - Layer management
9:55 - Making changes
11:33 - Conclusion