Figma Design System - Colour System (Using Variables & Tokens) | Part 1 | Figma Variables Tutorial
16:16
Find in video from 08:30Creating Color Tokens
Figma Design System - Colour System (Using Variables & Token…
165.5K viewsJul 31, 2023
YouTubeTD Sunshine
Creating COLOR TOKENS using Figma Variables for the Design System - Figma Tutorial
24:23
Find in video from 05:02Adding Color to the Icon
Creating COLOR TOKENS using Figma Variables for the Design Sy…
16.3K viewsSep 11, 2023
YouTubeDesign Pilot
Create a Color System in Figma using Variables & Tokens (Bonus: Project Files)
21:38
Find in video from 09:11Creating Variables for Colors
Create a Color System in Figma using Variables & Tokens (Bonus…
26.1K viewsJan 16, 2024
YouTubeUxDan
Color System Using Tokens - Figma Tutorial for beginners
8:57
Color System Using Tokens - Figma Tutorial for beginners
5K viewsMar 6, 2025
YouTubeDreamineer - Ricardo Costa
Mastering Colour Tokens in Figma: From Beginner to Advanced
29:40
Find in video from 02:15Diving Into Color Tokens: From Beginner to Advanced
Mastering Colour Tokens in Figma: From Beginner to Advanced
43.1K viewsApr 7, 2024
YouTubePixellink
How to create Color Tokens using Claude Code + Figma | Variables - EPISODE 1
13:43
How to create Color Tokens using Claude Code + Figma | Variables - EPISODE 1
124 views1 month ago
YouTubeBhavuk Thakur
Figma tutorial advanced colour tokens using variables
39:48
Find in video from 00:58Overview of Color Tokens
Figma tutorial advanced colour tokens using variables
11.6K viewsSep 12, 2023
YouTubePixellink
Build a Design System! Ep. 1: Figma Tokens & Variables Setup
1:25:39
Find in video from 01:14Setting up Color Scales
Build a Design System! Ep. 1: Figma Tokens & Variables Setup
253.1K viewsAug 22, 2024
YouTubeUI Collective
Tokens, variables, and styles - Update: Introduction to design systems
13:13
Find in video from 01:14Benefits of Design Tokens
Tokens, variables, and styles - Update: Introduction to design sy…
307.2K viewsOct 24, 2023
YouTubeFigma
13:33
Creating an Advanced Figma Color Variable Library
91.3K viewsJun 26, 2023
YouTubeUI Collective
Mastering Colour Tokens in Figma Part 2
28:22
Find in video from 01:30Diving Deep into Variable Colors and Patterns
Mastering Colour Tokens in Figma Part 2
21.8K viewsApr 13, 2024
YouTubePixellink
27:28
How to Set up Radius & Spacing Tokens in Figma using Variables | Figma Tutorial
529 viewsJul 16, 2024
YouTubeAnita O.
2:03:48
Design System & Figma Variable Set Up - Full Tutorial
83.4K views8 months ago
YouTubeUI Collective
Figma Design System: 03 Semantic Color Variables
10:20
Find in video from 00:11Creating Color Variables
Figma Design System: 03 Semantic Color Variables
42.8K viewsFeb 11, 2024
YouTubeChristopher Deane
Ultimate Guide to Figma Variables and Design Tokens!
33:04
Find in video from 04:46The difference between color styles and color variables
Ultimate Guide to Figma Variables and Design Tokens!
48.6K viewsJul 18, 2023
YouTubeDesign Pilot
什麼是 Design Token ？｜Design Token 2024 詳解 ｜使用Figma variable（變量）創建顏色系統！
12:18
Find in video from 11:49Variable模式功能
什麼是 Design Token ？｜Design Token 2024 詳解 ｜使用Figma vari…
5.4K viewsJul 18, 2024
YouTube設計師凱文 CreativeKev
13:04
Figma Color Styles and Variables - Beginners guide
15.9K viewsFeb 27, 2025
YouTubeRicardo Costa
52:19
Build Design Tokens & Figma Variables with AI
12.6K views3 months ago
YouTubeUI Collective
Figma Tips ⚡ - Colour styles vs variables
14:56
Find in video from 00:23Comparison of Color Styles and Variables
Figma Tips ⚡ - Colour styles vs variables
20.7K viewsSep 8, 2023
YouTubethejunboy
9:15
Tokens vs Variables in Tokens Studio for Figma | Variables Series
35.7K viewsSep 12, 2023
YouTubeTokens Studio
3:57
Figma Variables - Color Variables prototype
2.7K viewsOct 31, 2024
YouTubeDreamineer - Ricardo Costa
5:51
Learn how to use Color Variables in Figma Prototypes | Figma Bites
2.9K viewsApr 15, 2024
YouTubeFigma Bites
1:21:59
Figma Variables Explained! Build a Scalable Design System Step by Step
26.4K views6 months ago
YouTubeSergei Chyrkov
Design Light & Dark Mode Simultaneously in Figma Using Variables: Complete Tutorial
6:34
Find in video from 00:44Setting Up Color Variables
Design Light & Dark Mode Simultaneously in Figma Using Va…
17.6K viewsSep 6, 2024
YouTubeDesign with Kingsley
Dark And Light Modes Using Color Variables | Figma Tutorial [CONFIG 2023]
7:02
Find in video from 03:04Assigning Colors to Variables
Dark And Light Modes Using Color Variables | Figma Tutorial [CONFI…
100.6K viewsJul 8, 2023
YouTubeBuild With Fede
Figma Button Components (Variables, Tokens, Variants & Component Properties ) | Design System Part 5
22:28
Find in video from 03:06Coloring the Button
Figma Button Components (Variables, Tokens, Variants & Co…
95.6K viewsAug 28, 2023
YouTubeTD Sunshine
Variables for Typography in Figma - The Ultimate Guide
33:23
Find in video from 01:41Understanding Color Styles and Variables
Variables for Typography in Figma - The Ultimate Guide
28.7K viewsApr 22, 2024
YouTubeDesign Pilot
1:36
How to structure colours initially in a design system? In this lesson I show how to turn raw hex colours into reusable variables in Figma. We scale a colour using OKLCH, create foundation colour tokens, then add semantic tokens for a any ui element. This is the first step to building a colour system that scales and works better with developers. This is a continuation serie of “Figma Variables From ZERO” full tutorial on YouTube. Follow @zerotoui for more!
5.4K views1 month ago
TikTokzerotoui
5:34
🎨 From Color Palette to Figma Variables in 2 Minutes!
1.1K viewsFeb 1, 2025
YouTubeNehmat Gereige | Design Professor
11:33
How to create Color Variables in Figma | Design System Masterclass
416 views9 months ago
YouTubevamshi awaru
See more