How to Change Multiple Colors at the Same Time in Figma
How to Change Multiple Colors at the Same Time in Figma
Aug 19, 2020
tutsplus.com
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
How to structure colours initially in a design system? In this lesson I s…
5.4K views3 months ago
TikTokzerotoui
Figma Tutorial: Color Picker
3:04
Figma Tutorial: Color Picker
154K viewsFeb 27, 2018
YouTubeFigma
Creating Icons in Figma [Tutorial & Speedart]
10:52
Creating Icons in Figma [Tutorial & Speedart]
153.5K viewsSep 19, 2018
YouTubeRobert Bradford
Figma Tutorial: Text Tool and Fonts
5:10
Figma Tutorial: Text Tool and Fonts
504.1K viewsMar 30, 2018
YouTubeFigma
How to Change Color of PNG/JPEG Icons in Figma?
2:26
How to Change Color of PNG/JPEG Icons in Figma?
233.2K viewsNov 22, 2020
YouTubeDesign Xstream
Creating a Figma Design System: Colors and Forms
13:34
Creating a Figma Design System: Colors and Forms
7.9K viewsDec 17, 2020
YouTubeEnvato Tuts+
13:31
Creating a Functional Color System in Figma with Color Styles
7.4K viewsDec 30, 2020
YouTubeJavier Alaves
3:44
Figma tutorial: Create reusable color styles [4 of 8]
223.5K viewsSep 18, 2019
YouTubeFigma
14:18
Color Setup in Tokens Studio
5.3K viewsMay 8, 2023
YouTubeForge Studio
0:57
Creating a Color Token
10.3K viewsApr 21, 2023
YouTubeTokens Studio
44:30
Master Design Tokens - From Basics to Advanced
71.3K viewsJun 17, 2024
YouTubeUI Collective
0:26
Creating a Gradient Token
4.4K viewsApr 21, 2023
YouTubeTokens Studio
6:01
Figma Tutorial: Creating Styles
629.5K viewsJun 21, 2018
YouTubeFigma
4:13
How To Do Colour Overlay In Figma
8.1K viewsAug 6, 2023
YouTubeEmment Learning Platform
2:56
01. Figma Tutorial: How to add colors
3.2K viewsFeb 23, 2021
YouTubeWebpixels
1:30:42
Tokens Studio for Figma Quickstart
45.6K viewsMar 3, 2023
YouTubeTokens Studio
8:45
Figma Variables for Beginners
332 viewsJul 4, 2023
YouTubeAlexey Tretina
15:45
Advanced Tutorial: Figma Design Tokens (Superpower)
64.2K viewsMay 3, 2022
YouTubeAM Design
29:40
Mastering Colour Tokens in Figma: From Beginner to Advanced
43.1K viewsApr 7, 2024
YouTubePixellink
52:19
Build Design Tokens & Figma Variables with AI
17K views4 months ago
YouTubeUI Collective
10:15
Converting Tokens to Figma Variables
6.6K viewsJul 29, 2023
YouTubeUI Collective
15:55
Figma — Style/token documentation components™
2.1K viewsApr 28, 2023
YouTubemenosketiago
14:51
Figma tutorial: Intro to variables
831.7K viewsJun 21, 2023
YouTubeFigma
3:51
Automate Figma tokens to code
2.3K viewsFeb 26, 2025
YouTubezeroheight
1:20
Figma's NEW Variable Color Palette Generator
21.7K viewsNov 2, 2023
YouTubeUI Collective
1:22
Creating a Color-modifier Token
2.8K viewsApr 21, 2023
YouTubeTokens Studio
1:30
How to change background color in figma
3 views11 months ago
YouTubeCodeHelp
16:16
Figma Design System - Colour System (Using Variables & Tokens…
172.3K viewsJul 31, 2023
YouTubeTD Sunshine
41:52
Design Token Setup! | Become a Figma Expert
16.9K viewsDec 17, 2024
YouTubeUI Collective
See more videos
Static thumbnail place holder