Figma Components with Variants in-depth (Bonus: Atomic Design System)

In this video, you'll learn how to create #Components with multiple #Variants and properties in #Figma. As a bonus, you'll learn about #AtomicDesign Methodologies and we'll create a small design system.

Please remember to Subscribe & Like, but also let me know in the comments section 💬 🤔 What would you like me to make a video about?

Design Files from the video ☕️ / Support me
www.buymeacoffee.com/pixelsbyanghel/e/68682

Video Sections
-
Intro: (0:00)
Atomic Design Systems: (0:26)
Atoms: (2:40)
Molecules: (8:40)
Button Variants: (11:36)
Atoms Icons: (11:54)
Button Variant with Icons: (17:30)
Responsive Text Box: (22:10)
Page Navigation: (25:00)
Organisms: (29:40)
Templates: (30:30)
Pages: (34:35)
Final Thoughts: (39:12