Ultimate Guide to Figma Variables and Design Tokens!
🚀 Get 2 free months of Skillshare Premium & watch my design course for free: https://skl.sh/2TVhf8z
In this video, I dive into the complete basics of Figma variables and design tokens. We'll explore how they can help engineers build faster, reduce miscommunication, and make future changes easier. I'll explain the concept of variables and how they differ from color styles, and I'll show you practical examples of how to use them in Figma. By the end, you'll have a solid understanding of design tokens and how they can improve your design system.
🔗 Basics of Design Tokens - • Beginner's Guide to DESIGN TOKENS - B...
🚀 Create an account on Mobbin for free:
https://mobbin.com/?via=chethan
🔶 Chapters
00:00 Introduction
02:20 Why do we need Design Tokens?
07:12 Multiple Levels of Design Tokens
10:40 Color Styles vs Figma Variables
21:46 Uber's Design System
26:51 Atlassian's Design System
29:17 Material Design Tokens
-----------------------------------------
Mega Product Design Course for Beginners:
• The Mega Product Design (UI/UX) Cours...
Webflow Course for Beginners:
• Webflow Course for Beginners
Photoshop Tutorials:
• Photoshop CC Tutorials
Illustrator Tutorials:
• Illustrator CC Tutorials
After Effects Tutorials:
• After Effects CC Tutorials
UI Design Tutorials:
• UI Animation/Interaction Tutorials
Design Resources, Tools and Softwares:
• Design Resources, Tools and Softwares
Adobe XD CC Tutorials:
• Adobe XD CC Tutorials
eSports Design Tutorials:
• eSports Design Tutorials
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: https://chethankvs.design
Twitter: / kvschethan
Instagram: / design_pilot
Mail: [email protected]
Behance: https://behance.net/chethankvs
Dribbble: https://dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#productdesign #figma #uiuxdesign🚀 Get 2 free months of Skillshare Premium & watch my design course for free: https://skl.sh/2TVhf8z
In this video, I dive into the complete basics of Figma variables and design tokens. We'll explore how they can help engineers build faster, reduce miscommunication, and make future changes easier. I'll explain the concept of variables and how they differ from color styles, and I'll show you practical examples of how to use them in Figma. By the end, you'll have a solid understanding of design tokens and how they can improve your design system.
🔗 Basics of Design Tokens - • Beginner's Guide to DESIGN TOKENS - B...
🚀 Create an account on Mobbin for free:
https://mobbin.com/?via=chethan
🔶 Chapters
00:00 Introduction
02:20 Why do we need Design Tokens?
07:12 Multiple Levels of Design Tokens
10:40 Color Styles vs Figma Variables
21:46 Uber's Design System
26:51 Atlassian's Design System
29:17 Material Design Tokens
-----------------------------------------
Mega Product Design Course for Beginners:
• The Mega Product Design (UI/UX) Cours...
Webflow Course for Beginners:
• Webflow Course for Beginners
Photoshop Tutorials:
• Photoshop CC Tutorials
Illustrator Tutorials:
• Illustrator CC Tutorials
After Effects Tutorials:
• After Effects CC Tutorials
UI Design Tutorials:
• UI Animation/Interaction Tutorials
Design Resources, Tools and Softwares:
• Design Resources, Tools and Softwares
Adobe XD CC Tutorials:
• Adobe XD CC Tutorials
eSports Design Tutorials:
• eSports Design Tutorials
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: https://chethankvs.design
Twitter: / kvschethan
Instagram: / design_pilot
Mail: [email protected]
Behance: https://behance.net/chethankvs
Dribbble: https://dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#productdesign #figma #uiuxdesign