Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Figma Design System - Colour System (Using Variables & Tokens) | Part 1 | Figma Variables Tutorial
Play lesson

Figma Design System - Figma Design System - Colour System (Using Variables & Tokens) | Part 1 | Figma Variables Tutorial

5.0 (3)
38 learners

What you'll learn

This course includes

  • 2.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

🚨Follow along with this Figma file - https://www.figma.com/community/file/1267794150131517088 Thanks for watching, TD 💛 ☕️ Buy me a tea → https://buymeacoffee.com/tdsunshine 🔎 Get 20% off Mobbin → https://mobbin.com/tdsunshine 👾 My gear & links → https://linktr.ee/tdsunshine ☆ Try Figma For *Free* - https://psxid.figma.com/xnd9l 🍿 _WHAT TO WATCH NEXT_ : 1. *Variables 101* - https://youtu.be/TGinpYnwu2A 2. *Variables best practice* - https://youtu.be/WMDJY86RhLo 3. *Figma Components* - https://youtu.be/GGwqWc414rM 👋🏼 _IF YOU ARE NEW HERE_ : Hey you! 😃 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! 🌼 _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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere