Variables for Typography in Figma - The Ultimate Guide

🚀 Book 1:1 Tutoring Sessions with me and take your Product Design journey to the next level: https://www.learnproduct.design/sessions

In this video, I will talk about the all-new Figma Typography Variables. We will start by understanding if you really have to use variables for typography. Then we will take inspiration from Uber and Shopify to set up typography variables for a real project

🔗 Figma Variables: https://youtu.be/r4t5FlcRPg8?si=DTKR0VtFhYj6456_
🔗 Ultimate Guide to Typography: https://youtu.be/xnqdvs4zp2o?si=HpqTzb1dbCjOVhXy

🚀 The Ultimate Guide to Become a Product Designer: https://learnproduct.design

🚀 The Super Ultimate Guide to Design Systems: https://learnproduct.design/designsystems

🚀 Create an account on Mobbin for free:
https://mobbin.com/?via=chethan

🔶 Chapters:
00:00 Introduction
01:41 Overview of Color and Typography Tokens
03:54 Uber Design System
06:31 Shopify Design System
10:02 Should you use Variables for Typography
11:20 Defining the Token Structure
14:14 Font Family Tokens
18:00 Font Size Tokens
27:40 Font Weight Tokens
31:27 All Tokens
---------------------------------------­----
Mega Product Design Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1_kDOXCrEGmB58IsLOiIc3

Webflow Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1N4PxzGE_ywogtBeeOaqc8

Photoshop Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi

Illustrator Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1

After Effects Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk

UI Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW

Design Resources, Tools and Softwares:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9

Adobe XD CC Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv

eSports Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: https://chethankvs.design
Twitter: https://twitter.com/kvschethan
Instagram: https://instagram.com/design_pilot
Mail: designpilot21@gmail.com
Behance: https://behance.net/chethankvs
Dribbble: https://dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)