How to Create Color System Using Figma Variables
How to Create Color System Using Figma Variables
Nov 11, 2023
medium.com
The Best Free Figma Resources: Templates, Icons, UI Kits, and More | Envato Tuts
The Best Free Figma Resources: Templates, Icons, UI Kits, and Mor…
Nov 12, 2018
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: Effects
4:32
Figma Tutorial: Effects
227.6K viewsMar 20, 2018
YouTubeFigma
Figma Tutorial: Color Picker
3:04
Figma Tutorial: Color Picker
154K viewsFeb 27, 2018
YouTubeFigma
Figma tutorial: Constraints
4:49
Figma tutorial: Constraints
593.6K viewsApr 28, 2020
YouTubeFigma
Figma tutorial: Masks
6:35
Figma tutorial: Masks
663.6K viewsJul 26, 2021
YouTubeFigma
3:57
A Quick Guide to Figma’s Image Fill Settings
17.2K viewsJul 21, 2020
YouTubeEnvato Tuts+
7:11
Figma Tutorial: Device Frames and Scrolling
796K viewsJun 21, 2018
YouTubeFigma
10:52
Creating Icons in Figma [Tutorial & Speedart]
153.5K viewsSep 19, 2018
YouTubeRobert Bradford
17:51
Figma Tutorial: Export compressed PDFs in CMYK from Figma for print
59.2K viewsJul 8, 2020
YouTubeHypermatic Figma Tutorials
3:35
How to Create Glass Card Effect - Figma Tutorial
429.8K viewsJan 5, 2021
YouTubeThalion
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.7K viewsNov 22, 2020
YouTubeDesign Xstream
55:27
Build it in Figma: Create a Design System — Foundations
1M viewsJul 24, 2020
YouTubeFigma
10:02
The ULTIMATE guide to making arrows in Figma (2021)
60.8K viewsJun 18, 2021
YouTubeCraig Burgess
3:13
Make the soft, blurred Aurora backgrounds in Figma - Tutorial
71.1K viewsFeb 25, 2021
YouTubeMalewicz
16:23
Illustrate in Figma! | Designing a Plant Illustration using Figma
65.6K viewsAug 14, 2020
YouTubeCrema
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
3:20
Claude Code to Figma
129.3K views3 months ago
YouTubeFigma
6:01
Figma Tutorial: Creating Styles
630.5K viewsJun 21, 2018
YouTubeFigma
4:13
How To Do Colour Overlay In Figma
8.4K viewsAug 6, 2023
YouTubeEmment Learning Platform
2:56
01. Figma Tutorial: How to add colors
3.2K viewsFeb 23, 2021
YouTubeWebpixels
6:27
How to use Color in Figma
13.4K viewsApr 12, 2022
YouTubeBring Your Own Laptop
29:40
Mastering Colour Tokens in Figma: From Beginner to Advanced
43.1K viewsApr 7, 2024
YouTubePixellink
28:22
Mastering Colour Tokens in Figma Part 2
21.8K viewsApr 13, 2024
YouTubePixellink
7:21
How to use colour in Figma
8 months ago
YouTubeBeginner IT Guy
0:52
Create Color Systems in Figma!
23.4K viewsAug 10, 2023
YouTubeTHE HACKERS COMPANY
See more videos
Static thumbnail place holder