How to create color styles in figma (Step-by-Step Guide)
18:12
YouTubeKentTheDesigner
How to create color styles in figma (Step-by-Step Guide)
Are you new to Figma and struggling with setting up color styles? In this tutorial, I'll walk you through how to create and manage color styles in Figma like a pro! 🚀 What You’ll Learn in This Video: How to define and save color styles in Figma Best practices for creating a consistent color system How to apply and update color styles ...
1.9K viewsFeb 10, 2025
Shorts
Figma Design System Tutorial: How to Structure Semantic Colour Tokens #Figma #Tokens #DesignSystems
0:30
2.3K views
Figma Design System Tutorial: How to Structure Semantic Colour Tokens
Memorisely
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!
1:36
5.4K views
How to structure colours initially in a design system? In this lesson I show how to
zerotoui
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
Master Figma: Create Your Color Library in 1 Minute!
1:42
Master Figma: Create Your Color Library in 1 Minute!
YouTubeDesign Tea
1.3K viewsAug 23, 2023
Create A Color Palette in Figma in 5 Minutes or Less | Figma Tutorial
5:21
Create A Color Palette in Figma in 5 Minutes or Less | Figma Tutorial
YouTubeKDC Marketing
6.1K viewsJan 30, 2024
Design System - Build a Color System in Figma (Step by Step Tutorial) - Part 1
7:03
Design System - Build a Color System in Figma (Step by Step Tutorial) - Part 1
YouTubeUIX Design Academy
1.7K views8 months ago
Figma Design Tips
How to Master Figma and Design 10X FASTER!
12:10
How to Master Figma and Design 10X FASTER!
YouTubeJesse Showalter
106.4K viewsFeb 26, 2024
Figma Design for Beginners
1:00
Figma Design for Beginners
YouTubeFigma
59.6K views9 months ago
Figma Design for beginners: Advocate sidebar — Kaitie and Lauren talk portfolios
2:43
Figma Design for beginners: Advocate sidebar — Kaitie and Lauren talk portfolios
YouTubeFigma
104.9K views7 months ago
Master Figma: Create Your Color Library in 1 Minute!
1:42
Master Figma: Create Your Color Library in 1 Minute!
1.3K viewsAug 23, 2023
YouTubeDesign Tea
Create A Color Palette in Figma in 5 Minutes or Less | Figma Tutorial
5:21
Create A Color Palette in Figma in 5 Minutes or Less | Figma Tutorial
6.1K viewsJan 30, 2024
YouTubeKDC Marketing
Design System - Build a Color System in Figma (Step by Step Tutorial) - Part 1
7:03
Design System - Build a Color System in Figma (Step by Step Tut…
1.7K views8 months ago
YouTubeUIX Design Academy
Figma Design System - Colour System (Using Variables & Tokens) | Part 1 | Figma Variables Tutorial
16:16
Figma Design System - Colour System (Using Variables & Tokens…
165.5K viewsJul 31, 2023
YouTubeTD Sunshine
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
Creating an Advanced Figma Color Variable Library
13:33
Creating an Advanced Figma Color Variable Library
90.5K viewsJun 26, 2023
YouTubeUI Collective
How to Create Color Palettes for a Design System in Figma: Step-by-Step Guide
10:09
How to Create Color Palettes for a Design System in Figma: Step-by-…
19.2K viewsJul 5, 2023
YouTubeUndesign
4:34
Colors & Blend Modes in Figma: Full Guide
2.2K viewsJan 9, 2025
YouTubeGiglio Designs
13:04
Figma Color Styles and Variables - Beginners guide
14.7K viewsFeb 27, 2025
YouTubeDreamineer - Ricardo Costa
10:06
The EASY WAY to CREATE COLORS in FIGMA DESIGN SYSTEM
162 viewsDec 5, 2024
YouTubeSubhan Shaikh
14:21
How to Setup Your Global Color Styles & Palette in Figma
5.8K viewsJul 25, 2024
YouTubeAdam Wright Design
0:27
Creating styles in Figma: Colors, text, effects, and grids
2.9K viewsJan 1, 2025
YouTubeLogRocket
4:39
Create A Color Palette In Figma in 5 Minutes or Less
525 viewsMar 3, 2025
YouTubeKDC Marketing
5:00
Figma Sites Tutorial – Step 4: Customise Fonts, Colours & Com…
753 views8 months ago
YouTubemoonlearning
42:32
Lecture 2 : Figma Tools, Properties, Colors, Typography & Effects | UI…
15K viewsMar 23, 2025
YouTubeCollege Wallah
6:44
Color Change Animation On Figma | Smart Animate Tutorial
6.4K viewsJul 31, 2023
YouTubeDesign Sensai
0:54
Figma Background Color Tutorial: Customize Your Canvas and Fram…
341 views10 months ago
YouTubeLearn by Layerpath
19:24
Figma Tutorial: Master Figma Components and Variants in 20 Mi…
237.2K views10 months ago
YouTubeDesignWithArash
2:03:48
Design System & Figma Variable Set Up - Full Tutorial
78.3K views7 months ago
YouTubeUI Collective
6:48
The right way to make color gradients! | Figma UI tutorial
20.1K viewsNov 1, 2023
YouTubeDesignerUp
5:34
🎨 From Color Palette to Figma Variables in 2 Minutes!
1.1K viewsFeb 1, 2025
YouTubeNehmat Gereige | Design Professor
8:56
Figma Textures - Basics, Practical Examples, and Free Textures Pack
81.4K viewsNov 14, 2024
YouTubePixel Point
6:34
Design Light & Dark Mode Simultaneously in Figma Using Va…
17.3K viewsSep 6, 2024
YouTubeDesign with Kingsley
6:01
Figma Tutorial: Creating Styles
624.6K viewsJun 21, 2018
YouTubeFigma
10:21
Gradient Variables in Figma: The Ultimate Guide
12.7K viewsMay 13, 2024
YouTubeUI Collective
5:51
Figma Blend Modes for UI Design: A Practical Tutorial
10.9K viewsFeb 17, 2023
YouTubeAhmet Efeoglu
29:40
Mastering Colour Tokens in Figma: From Beginner to Advanced
43K viewsApr 7, 2024
YouTubePixellink
6:27
How to use Color in Figma
13.2K viewsApr 12, 2022
YouTubeBring Your Own Laptop
3:46
How to Check Color Contrast in Figma Without Plugins
2.4K views11 months ago
YouTubeAdi Purdila
See more videos
Static thumbnail place holder