Figma Design System 2025 - Typography Tokens [Ep 2] | Figma Variables
31.5K views · 2025-06-17
UI Design
🚨Follow along with this Figma file - https://www.figma.com/community/file/1516362607595246549
Thanks for watching, TD 💛
☕️ Buy me a tea → https://buymeacoffee.com/tdsunshine
🔎 Get 20% off Mobbin → https://mobbin.com/tdsunshine
🍿 _WHAT TO WATCH NEXT_ :
1. *Components in UI3* - https://youtu.be/RYgz9qrRZRs
2. *Figma Grid* - https://youtu.be/hYu69kgxmLg
3. *Figma Draw* - https://youtu.be/Cx_kJUIM-wA
👾 _MY GEAR_ :
⌨️ RGB Keyboard- https://rkgamingstore.com?aff=672 (Use the code "TDSunshineKeyboard" to get 10% off!)
Blue Yeti Microphone https://amzn.to/3qACorF
Tripod ring light https://amzn.to/43G7flv
Neon sign https://amzn.to/3NcwxAs
👋🏼 _IF YOU ARE NEW HERE_ :
Hey you! 😃
Thanks for tuning in and watching my video! If you enjoyed it and learned something new, don't forget to hit that subscribe button and the like button as well 👍🏼. I'd love to hear your ideas and suggestions for my next video, so feel free to comment below. Your support means a lot and helps me keep the channel going and growing!
🌼 _CHAPTERS_ :
00:00 What we will make
00:54 Font size scale
02:05 Font family variables
03:02 Sans serif VS Serif
03:46 Font weight variable
04:45 2 types of weight variables
05:22 Apply variables
07:57 Other type variables
08:31 Style time
10:54 Why use variables
🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. 💛 This is at no additional cost to you.
#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #figmaupdate #config #config2025 #figma2025#designtokens #tokens #variables #variablemodes
Thanks for watching, TD 💛
☕️ Buy me a tea → https://buymeacoffee.com/tdsunshine
🔎 Get 20% off Mobbin → https://mobbin.com/tdsunshine
🍿 _WHAT TO WATCH NEXT_ :
1. *Components in UI3* - https://youtu.be/RYgz9qrRZRs
2. *Figma Grid* - https://youtu.be/hYu69kgxmLg
3. *Figma Draw* - https://youtu.be/Cx_kJUIM-wA
👾 _MY GEAR_ :
⌨️ RGB Keyboard- https://rkgamingstore.com?aff=672 (Use the code "TDSunshineKeyboard" to get 10% off!)
Blue Yeti Microphone https://amzn.to/3qACorF
Tripod ring light https://amzn.to/43G7flv
Neon sign https://amzn.to/3NcwxAs
👋🏼 _IF YOU ARE NEW HERE_ :
Hey you! 😃
Thanks for tuning in and watching my video! If you enjoyed it and learned something new, don't forget to hit that subscribe button and the like button as well 👍🏼. I'd love to hear your ideas and suggestions for my next video, so feel free to comment below. Your support means a lot and helps me keep the channel going and growing!
🌼 _CHAPTERS_ :
00:00 What we will make
00:54 Font size scale
02:05 Font family variables
03:02 Sans serif VS Serif
03:46 Font weight variable
04:45 2 types of weight variables
05:22 Apply variables
07:57 Other type variables
08:31 Style time
10:54 Why use variables
🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. 💛 This is at no additional cost to you.
#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #figmaupdate #config #config2025 #figma2025#designtokens #tokens #variables #variablemodes