# @figma on YouTube

- **Type:** Video
- **Original URL:** https://youtube.com/watch?v=RXQ8XVirzjs
- **Gondola URL:** https://gondola.cc/posts/73337411-figma-youtube
- **Thumbnail:** https://img.gondola.cc/tr:w-,h-,fo-auto/postThumbnails/037451f709.jpg
- **Posted:** 2023-09-13T20:40:17.000+00:00
- **Account Owner:** Figma (@figma) — https://gondola.cc/figma

## Caption

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/1284206072590997466/Variants-vs-variables

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: https://twitter.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
Figma forum: https://forum.figma.com/

____________________________________________________


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

## Stats

- **Views:** 49,408
- **Likes:** 951
- **Shares:** 0
- **Comments:** 34

## Credits

No public credits are recorded here. This does not identify who made the post.

## Tags

figjam, config, tips, tutorial, designsystems, design, config2023, figma, nothinggreatismadealone

---
Copyright (c) Gondola