Creating COLOR TOKENS using Figma Variables for the Design System – Figma Tutorial
16.7K views on YouTube
๐ Get 2 free months of Skillshare Premium & watch my design course for free: https://skl.sh/2TVhf8z
In this video, we are going to create Color Tokens for our Neutral Colors using Figma Variables and apply them to the components we have made so far in this course!
๐ The Ultimate Guide to Become a Product Designer: https://learnproduct.design
๐ The Super Ultimate Guide to Design Systems: https://learnproduct.design/designsystems
๐ – https://youtu.be/r4t5FlcRPg8
๐ Create an account on Mobbin for free:
https://mobbin.com/?via=chethan
๐ถ Chapters
00:00 Introduction
00:28 Understanding Uber’s Color Tokens
01:46 Creating Tokens using Figma Variables
20:06 Documenting 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: 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 ๐
#figma #designsystems #tokens