How to Create Color System Using Figma Variables
How to Create Color System Using Figma Variables
Nov 11, 2023
medium.com
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 create variant on figma #uiuxdesign
0:57
How to create variant on figma #uiuxdesign
17 views1 month ago
YouTubeFRONTEND | UIUX
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 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 views3 months ago
TikTokzerotoui
Figma Variants
5:24
Figma Variants
92.3K viewsMar 27, 2021
YouTubeJesse Showalter
Figma Tutorial: Effects
4:32
Figma Tutorial: Effects
227.6K viewsMar 20, 2018
YouTubeFigma
Figma Tutorial: Variants
14:16
Figma Tutorial: Variants
1.3M viewsOct 28, 2020
YouTubeFigma
3:04
Figma Tutorial: Color Picker
154K viewsFeb 27, 2018
YouTubeFigma
4:39
Figma Tutorial: Prototyping & Transitions
682.9K viewsAug 6, 2020
YouTubeFigma
5:35
[OLD] Figma Tutorial: Components - The Basics
1.4M viewsMar 20, 2018
YouTubeFigma
3:51
Figma tutorial: Auto layout button
803.8K viewsJan 21, 2021
YouTubeFigma
1:57
Batch create Figma styles
41K viewsMay 18, 2021
YouTubeFigma
11:33
Create a Figma Design System - Color Systems Tutorial (Part 2)
181K viewsMay 6, 2021
YouTubeMizko
5:10
Figma Tutorial: Text Tool and Fonts
504.1K viewsMar 30, 2018
YouTubeFigma
3:56
Figma Tutorial: Components - Swapping and States
429K viewsMar 20, 2018
YouTubeFigma
2:31
Figma Tutorial: Gradients (Linear, Radial, Angular, Diamond)
437.4K viewsApr 28, 2020
YouTubeFigma
2:26
How to Change Color of PNG/JPEG Icons in Figma?
233.2K viewsNov 22, 2020
YouTubeDesign Xstream
13:34
Creating a Figma Design System: Colors and Forms
7.9K viewsDec 17, 2020
YouTubeEnvato Tuts+
11:57
Figma Tutorial: Variants in 11 minutes (With Demo File & Real Examples)
90.2K viewsJan 21, 2021
YouTubeMizko
11:50
Figma tutorial: Card component with auto layout
386.5K viewsFeb 4, 2021
YouTubeFigma
13:31
Creating a Functional Color System in Figma with Color Styles
7.4K viewsDec 30, 2020
YouTubeJavier Alaves
0:33
How to Change the Color of PNG Images in Figma 🎨
68.9K viewsNov 29, 2020
YouTubeDesign Xstream
3:44
Figma tutorial: Create reusable color styles [4 of 8]
223.5K viewsSep 18, 2019
YouTubeFigma
10:21
Variants
124.3K viewsMay 5, 2023
YouTubeFigma
9:21
FIGMA COMPONENTS & VARIANTS
147.7K viewsJul 16, 2022
YouTubeCaler Edwards
18:14
Figma tutorial: Component properties
646.8K viewsJun 22, 2022
YouTubeFigma
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
29:40
Mastering Colour Tokens in Figma: From Beginner to Advanced
43.1K viewsApr 7, 2024
YouTubePixellink
See more