🚀 Get 2 free months of Skillshare Premium & watch my design course for free: [ Ссылка ]
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 - [ Ссылка ]
🚀 Create an account on Mobbin for free:
[ Ссылка ]
🔶 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:
[ Ссылка ]
Webflow Course for Beginners:
[ Ссылка ]
Photoshop Tutorials:
[ Ссылка ]
Illustrator Tutorials:
[ Ссылка ]
After Effects Tutorials:
[ Ссылка ]
UI Design Tutorials:
[ Ссылка ]
Design Resources, Tools and Softwares:
[ Ссылка ]
Adobe XD CC Tutorials:
[ Ссылка ]
eSports Design Tutorials:
[ Ссылка ]
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: [ Ссылка ]
Twitter: [ Ссылка ]
Instagram: [ Ссылка ]
Mail: designpilot21@gmail.com
Behance: [ Ссылка ]
Dribbble: [ Ссылка ]
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#productdesign #figma #uiuxdesign🚀 Get 2 free months of Skillshare Premium & watch my design course for free: [ Ссылка ]
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 - [ Ссылка ]
🚀 Create an account on Mobbin for free:
[ Ссылка ]
🔶 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:
[ Ссылка ]
Webflow Course for Beginners:
[ Ссылка ]
Photoshop Tutorials:
[ Ссылка ]
Illustrator Tutorials:
[ Ссылка ]
After Effects Tutorials:
[ Ссылка ]
UI Design Tutorials:
[ Ссылка ]
Design Resources, Tools and Softwares:
[ Ссылка ]
Adobe XD CC Tutorials:
[ Ссылка ]
eSports Design Tutorials:
[ Ссылка ]
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: [ Ссылка ]
Twitter: [ Ссылка ]
Instagram: [ Ссылка ]
Mail: designpilot21@gmail.com
Behance: [ Ссылка ]
Dribbble: [ Ссылка ]
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#productdesign #figma #uiuxdesign
Ultimate Guide to Figma Variables and Design Tokens!
Теги
figma variablesdesign tokensfigma variables 2023figma variables prototypefigma variables design systemfigma variables dark modefigma variables colorfigma variables stringfigma variables spacingfigma variables deep divefigma variables vs stylesdesign tokens figma plugindesign tokens figma variablesdesign tokens figma exampledesign tokens figma tutorialhow to create design tokens in figmafigma tutorial 2023config 2023 variables