Component variants: the 11 most important things to know
Here are 11 things you should know about component variants in Figma — in three minutes flat.
When you've got a more complex component system, read this article by my pal @AlicePackard to learn when you should use variants vs creating separate components: https://www.alicepackarddesign.com/bl...
https://paavandesign.com/
/ p44v9n
---
00:00 Intro
00:03 11. Variants are a way of grouping similar components
00:18 10. Nomenclature and icons
00:35 9. When not to use variants
00:48 8. Variants are good for properties that can't be overwritten
01:12 7. Reordering and renaming variants
01:21 6. Adding new variants
01:40 5. Changing the same layer across all variants
01:49 4. Slash naming becomes properties
02:02 3. Variants increase discoverability
02:29 2. Variants increase alignment with code
02:41 3. Why they're called variants
---
PS I'm still learning how to make videos for YouTube. If this video was helpful, please do drop a like or share it with a friend. If you want to help me, leave a comment letting me know what I can improve or what you want to see more of!