Figma Design System - Colour System (Using Variables & Tokens) | Part 1 | Figma Variables Tutorial
🚨Follow along with this Figma file -
https://www.figma.com/community/file/...
➸ Try Figma For Free - https://bit.ly/FreeFigma
➸ Try Figma's Professional Plan - https://bit.ly/FigmaProfessionalPlan
💛 Thanks for watching, Tair 💛
🍿 WHAT TO WATCH NEXT :
1. Variables 101 - • Figma Variables for beginners | Maste...
2. Variables best practice - • Figma VARIABLES BEST PRACTICE | Figma...
3. Figma Components - • Figma Components | Master Variants an...
👋🏼 IF YOU ARE NEW HERE :
Hey, it's Tair! 😃
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!
👾 MY GEAR :
Blue Yeti Microphone https://amzn.to/3qACorF
Tripod ring light https://amzn.to/43G7flv
Neon sign https://amzn.to/3NcwxAs
Fairy lights https://amzn.to/443l518
🌼 CHAPTERS :
00:00 Welcome to the series
00:18 Creating Colour Palettes
02:25 My Greyscale Trick 🤫
03:45 Organising the Colours
05:49 Creating Colour Variables
08:16 Creating Colour Tokens
10:00 Calling a Variable Alias
12:30 Assigning the Tokens
12:53 Creating Semantic Tokens
15:54 Coming Up Next
🤗 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 #config2023 #figma2023 #designtokens #tokens #variables #variablemodes
