Variants vs variables

In this video, we break down the differences between variants and variables (plus modes), and determine when it makes sense to use each one. Follow along with the community file here https://www.figma.com/community/file/...

00:38 The difference between variants and variables + modes
01:49 When do I use each one? The simple answer
02:47 When do I use each one? The more complex answer
05:32 Example 1: Button states
08:10 Example 2: Prototyping with logic
10:36 Example 3: Small visual difference vs large visual difference
12:34 Example 4: Will everything on the screen have a mode?


Figma is free to use. Sign up here: https://bit.ly/3msp0OV


____________________________________________________

Find us on ⬇️
Twitter:   / figma  
Instagram:   / figma  
LinkedIn:   / figma  
Figma forum: https://forum.figma.com/

____________________________________________________


#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems #Config2023