Creating an Advanced Figma Color Variable Library
13:33
YouTubeUI Collective
Creating an Advanced Figma Color Variable Library
Learn how to build an advanced color library for your design system using Figma's variable functionality. Build a community profile + join the community: https://www.uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co ...
90.5K viewsJun 26, 2023
Shorts
Figma for Edu: Figma Make color generator
2:47
6.5K views
Figma for Edu: Figma Make color generator
Figma
How to create a color palette in figma✨ #webdesign #webdevelopment #figma #colorpaletteinfigma
0:31
80.4K views
How to create a color palette in figma✨ #webdesign #webdevelopment #figma
Web Prodigies
Figma Tutorial
Figma Tutorial for Beginners
1:13:17
Figma Tutorial for Beginners
YouTubeKevin Stratvert
1M viewsApr 11, 2024
Figma tutorial for Beginners: Complete Website from Start to Finish
43:21
Figma tutorial for Beginners: Complete Website from Start to Finish
YouTubeFlux Academy
3.1M viewsMay 20, 2022
Figma Tutorial for Beginners - Complete Course 2025
1:54:38
Figma Tutorial for Beginners - Complete Course 2025
YouTubeAverage Design Dude
233.8K viewsFeb 22, 2025
Top videos
Figma Color Styles and Variables - Beginners guide
13:04
Figma Color Styles and Variables - Beginners guide
YouTubeDreamineer - Ricardo Costa
14.7K viewsFeb 27, 2025
Creating a Color System in Figma | 3 Easy Methods
16:02
Creating a Color System in Figma | 3 Easy Methods
YouTubeUI Adrian
109K viewsMay 11, 2023
Figma Design System - Colour System (Using Variables & Tokens) | Part 1 | Figma Variables Tutorial
16:16
Figma Design System - Colour System (Using Variables & Tokens) | Part 1 | Figma Variables Tutorial
YouTubeTD Sunshine
165.5K viewsJul 31, 2023
Figma Design Tips
Assemble the portfolio pages: Figma Design for beginners [11 of 13]
12:27
Assemble the portfolio pages: Figma Design for beginners [11 of 13]
YouTubeFigma
17.5K views7 months ago
Figma + developer workflows | design systems, Code Connect, MCP, and Make
29:46
Figma + developer workflows | design systems, Code Connect, MCP, and Make
YouTubeFigma
63K views4 months ago
Create the landing page hero: Figma Design for beginners [4 of 13]
19:08
Create the landing page hero: Figma Design for beginners [4 of 13]
YouTubeFigma
64.9K views7 months ago
Figma Color Styles and Variables - Beginners guide
13:04
Figma Color Styles and Variables - Beginners guide
14.7K viewsFeb 27, 2025
YouTubeDreamineer - Ricardo Costa
Creating a Color System in Figma | 3 Easy Methods
16:02
Creating a Color System in Figma | 3 Easy Methods
109K viewsMay 11, 2023
YouTubeUI Adrian
Figma Design System - Colour System (Using Variables & Tokens) | Part 1 | Figma Variables Tutorial
16:16
Find in video from 02:10Copying Colors into Figma
Figma Design System - Colour System (Using Variables & Token…
165.5K viewsJul 31, 2023
YouTubeTD Sunshine
Figma Colour System & Styles: A Beginner's Tutorial on Colour Theory and Psychology for UI/UX Design
21:36
Figma Colour System & Styles: A Beginner's Tutorial on Colour The…
9K viewsMar 29, 2023
YouTubeTD Sunshine
Color Theory for UI Design | Complete Guide to Creating Color Palettes in Figma
2:02:31
Color Theory for UI Design | Complete Guide to Creating Colo…
179 views6 months ago
YouTubeKiran
Easiest way to generate color palette in Figma
2:32
Easiest way to generate color palette in Figma
136.4K viewsFeb 27, 2023
YouTubeDesign with Asif
Figma tutorial: Create reusable color styles [4 of 8]
3:44
Figma tutorial: Create reusable color styles [4 of 8]
221.4K viewsSep 18, 2019
YouTubeFigma
Figma Tutorial: Color Picker
3:04
Figma Tutorial: Color Picker
153.7K viewsFeb 27, 2018
YouTubeFigma
How to use Color in Figma
6:27
How to use Color in Figma
13.2K viewsApr 12, 2022
YouTubeBring Your Own Laptop
How to create color styles in figma (Step-by-Step Guide)
18:12
How to create color styles in figma (Step-by-Step Guide)
1.9K viewsFeb 10, 2025
YouTubeKentTheDesigner
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 Design System: 02 Primitive Color Variables
12:23
Figma Design System: 02 Primitive Color Variables
39.2K viewsJan 15, 2024
YouTubeChristopher Deane
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
Figma's NEW Variable Color Palette Generator
1:20
Find in video from 00:20Pasting in a Color Code
Figma's NEW Variable Color Palette Generator
21.3K viewsNov 2, 2023
YouTubeUI Collective
Figma Background Color Tutorial: Customize Your Canvas and Frames Easily
0:54
Figma Background Color Tutorial: Customize Your Canvas and Fram…
341 views10 months ago
YouTubeLearn by Layerpath
Figma Tutorial: Creating Styles
6:01
Find in video from 00:39Creating Color Styles
Figma Tutorial: Creating Styles
624.6K viewsJun 21, 2018
YouTubeFigma
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
Figma text styles, color styles, grids and effect styles class 8 by graphics guruji
19:28
Figma text styles, color styles, grids and effect styles class 8 by graphi…
16.4K views11 months ago
YouTubeSkillsterr - formerly Graphics Guruji
Lecture 2 : Figma Tools, Properties, Colors, Typography & Effects | UIUX Tutorial For Beginners
42:32
Lecture 2 : Figma Tools, Properties, Colors, Typography & Effects | UI…
15K viewsMar 23, 2025
YouTubeCollege Wallah
Checking color contrast for accessibility in Figma
1:29
Checking color contrast for accessibility in Figma
28.9K views1 year ago
YouTubeFigma
Free Figma UX Design UI Essentials Course | 2025
2:40:29
Free Figma UX Design UI Essentials Course | 2025
196.5K views7 months ago
YouTubeBring Your Own Laptop
Gradient Variables in Figma: The Ultimate Guide
10:21
Gradient Variables in Figma: The Ultimate Guide
12.7K viewsMay 13, 2024
YouTubeUI Collective
Design System & Figma Variable Set Up - Full Tutorial
2:03:48
Design System & Figma Variable Set Up - Full Tutorial
78.3K views7 months ago
YouTubeUI Collective
How to create a color palette in figma✨ #webdesign #webdevelopment #figma #colorpaletteinfigma
0:31
Find in video from 00:05Finding Brand Colors
How to create a color palette in figma✨ #webdesign #webdevelop…
80.4K viewsMay 21, 2023
YouTubeWeb Prodigies
These Figma AI Plugins are a Game Changer
12:43
These Figma AI Plugins are a Game Changer
67.1K views5 months ago
YouTubeJesse Showalter
How to Create Color Palettes for a Design System in Figma: Step-by-Step Guide
10:09
Find in video from 00:40Setting Up Colors
How to Create Color Palettes for a Design System in Figma: Step-by …
19.2K viewsJul 5, 2023
YouTubeUndesign
Mastering Colour Tokens in Figma: From Beginner to Advanced
29:40
Find in video from 27:32Applying Your Color System in Figma
Mastering Colour Tokens in Figma: From Beginner to Advanced
43K viewsApr 7, 2024
YouTubePixellink
Apply variables to gradients in Figma #shorts #figma
0:49
Find in video from 00:07Creating Color Variables
Apply variables to gradients in Figma #shorts #figma
16.8K viewsApr 22, 2024
YouTubeFigma
🎨 From Color Palette to Figma Variables in 2 Minutes!
5:34
🎨 From Color Palette to Figma Variables in 2 Minutes!
1.1K viewsFeb 1, 2025
YouTubeNehmat Gereige | Design Professor
See more