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 2025 - Colour Tokens [ Ep 1] | Figma Variables Colors](https://i.ytimg.com/vi/m7kUGmNkPoc/hqdefault.jpg?sqp=-oaymwEnCNACELwBSFryq4qpAxkIARUAAAAAGAElAADIQj0AgKJDeAG4AvMY&rs=AOn4CLB386Tiprifi28DFR5RhNQF_0TmOA&usqp=CCY)
Figma Design System 2025 - Colour Tokens [ Ep 1] | Figma Variables Colors

How I make UI color palettes

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

Design System & Figma Variable Set Up - Full Tutorial

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

Figma Color Styles and Variables - Beginners guide

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 Agents: First Look | Your new AI best friend

Figma Slots Tutorial 2026 | Figma 2026 update

Build a Design System - Full Course

Figma Make Tutorial & Best Practice Guide | Figma AI 2026

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

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

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

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

