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/... 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 -    • FigmaĀ VariablesĀ forĀ beginnersĀ |Ā MasterĀ Fig...Ā Ā  2. Variables best practice -    • FigmaĀ VARIABLESĀ BESTĀ PRACTICEĀ |Ā FigmaĀ Vari...Ā Ā  3. Figma Components -    • FigmaĀ ComponentsĀ |Ā MasterĀ VariantsĀ andĀ Com...Ā Ā  šŸ‘‹šŸ¼ 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

Figma Design System - Typography System (Using Styles) | Part 2 | Figma Tutorial Step-by-Step
ā–¶ļøŽ

Figma Design System - Typography System (Using Styles) | Part 2 | Figma Tutorial Step-by-Step

Figma Design System 2025 - Colour Tokens [ Ep 1] | Figma Variables Colors
ā–¶ļøŽ

Figma Design System 2025 - Colour Tokens [ Ep 1] | Figma Variables Colors

How I make UI color palettes
ā–¶ļøŽ

How I make UI color palettes

Figma Button Components (Variables, Tokens, Variants & Component Properties ) | Design System Part 5
ā–¶ļøŽ

Figma Button Components (Variables, Tokens, Variants & Component Properties ) | Design System Part 5

Design System & Figma Variable Set Up - Full Tutorial
ā–¶ļøŽ

Design System & Figma Variable Set Up - Full Tutorial

Figma Variables -  Radius Tokens | Figma Design System - Part 3 | Figma Variables How To
ā–¶ļøŽ

Figma Variables - Radius Tokens | Figma Design System - Part 3 | Figma Variables How To

Figma Color Styles and Variables - Beginners guide
ā–¶ļøŽ

Figma Color Styles and Variables - Beginners guide

How I Build a Tailwind-Ready Color System in Figma (From Scratch)
ā–¶ļøŽ

How I Build a Tailwind-Ready Color System in Figma (From Scratch)

Figma Component - Input Field (Variables, Variants & Component Properties ) | Design System Part 7
ā–¶ļøŽ

Figma Component - Input Field (Variables, Variants & Component Properties ) | Design System Part 7

Figma Agents: First Look | Your new AI best friend
ā–¶ļøŽ

Figma Agents: First Look | Your new AI best friend

Figma Slots Tutorial 2026 | Figma 2026 update
ā–¶ļøŽ

Figma Slots Tutorial 2026 | Figma 2026 update

Build a Design System - Full Course
ā–¶ļøŽ

Build a Design System - Full Course

Figma Make Tutorial & Best Practice Guide | Figma AI 2026
ā–¶ļøŽ

Figma Make Tutorial & Best Practice Guide | Figma AI 2026

Multi-Brand Design System and Figma Variable Setup | Full Tutorial
ā–¶ļøŽ

Multi-Brand Design System and Figma Variable Setup | Full Tutorial

Stop Shipping AI Slop. Design with Weavy AI, Claude etc.
ā–¶ļøŽ

Stop Shipping AI Slop. Design with Weavy AI, Claude etc.

Figma Variables Explained! Build a Scalable Design System Step by Step
ā–¶ļøŽ

Figma Variables Explained! Build a Scalable Design System Step by Step

Create a Figma Design System - Color Systems Tutorial (Part 2)
ā–¶ļøŽ

Create a Figma Design System - Color Systems Tutorial (Part 2)

Learn Figma in 2025 | Mobile app design in Figma: a step-by-step guide for beginners
ā–¶ļøŽ

Learn Figma in 2025 | Mobile app design in Figma: a step-by-step guide for beginners

How to Build Perfect Button Systems in Figma (Fast & Scalable)
ā–¶ļøŽ

How to Build Perfect Button Systems in Figma (Fast & Scalable)