Figma tutorial advanced colour tokens using variables
YouTubePixellink
Figma tutorial advanced colour tokens using variables
Welcome to this deep dive into Figma's advanced colour tokens, brought to you by Matthew Sear, your go-to designer🚀 In this masterclass, we're taking Figma's variable system to the next level by crafting a comprehensive colour token system to supercharge your design workflow. Design Token Mastery Discover how to: Set up custom colour tokens ...
11.5K viewsSep 12, 2023
Figma Variables Tutorial
How to Use Variables in Figma
How to Use Variables in Figma
dev.to
2 weeks ago
Figma Variables Tutorial (Beginner to Pro)
30:30
Figma Variables Tutorial (Beginner to Pro)
YouTubeExploraVibe
31 views2 months ago
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!
TikTokzerotoui
5.4K views3 weeks ago
Top videos
Design A Mobile Dial-pad Using Figma Variables: A Quick And Easy Tutorial
Design A Mobile Dial-pad Using Figma Variables: A Quick And Easy Tutorial
YouTubeAquiyah Designs
2.3K viewsJul 19, 2023
Input Field Interaction using Interactive Components in Figma
8:08
Input Field Interaction using Interactive Components in Figma
YouTubeDesign Xstream
282.2K viewsMar 2, 2021
Figma Tutorial: Text Tool and Fonts
5:10
Figma Tutorial: Text Tool and Fonts
YouTubeFigma
502K viewsMar 30, 2018
Figma Design System
Figma Design System built for Tailwind CSS - Flowbite
Figma Design System built for Tailwind CSS - Flowbite
flowbite.com
Oct 17, 2021
Customizing My Design System in Figma
Customizing My Design System in Figma
dribbble.com
Aug 27, 2024
Design System in Figma - Design Code
Design System in Figma - Design Code
designcode.io
Sep 6, 2018
Design A Mobile Dial-pad Using Figma Variables: A Quick And Easy Tutorial
Design A Mobile Dial-pad Using Figma Variables: A Quick And Eas…
2.3K viewsJul 19, 2023
YouTubeAquiyah Designs
Input Field Interaction using Interactive Components in Figma
8:08
Input Field Interaction using Interactive Components in Figma
282.2K viewsMar 2, 2021
YouTubeDesign Xstream
Figma Tutorial: Text Tool and Fonts
5:10
Figma Tutorial: Text Tool and Fonts
502K viewsMar 30, 2018
YouTubeFigma
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
Text Styles in Figma
3:03
Text Styles in Figma
37.6K viewsNov 25, 2023
YouTubeNick Babich
Accessibility Testing in Figma
4:02
Accessibility Testing in Figma
12.2K viewsFeb 13, 2024
YouTubeNick Babich
Figma variables Dynamic keyboard
24:32
Figma variables Dynamic keyboard
5.8K viewsAug 1, 2023
YouTubePixellink
6:54
Text Variables in Figma
63.9K viewsJul 11, 2023
YouTubeUI Collective
2:56
01. Figma Tutorial: How to add colors
3.2K viewsFeb 23, 2021
YouTubeWebpixels
6:01
Figma Tutorial: Creating Styles
605.8K viewsJun 21, 2018
YouTubeFigma
10:20
Figma Design System: 03 Semantic Color Variables
41.4K viewsFeb 11, 2024
YouTubeChristopher Deane
8:54
Figma Design System: 08 Type Variables
8.5K viewsJul 7, 2024
YouTubeChristopher Deane
29:40
Mastering Colour Tokens in Figma: From Beginner to Advanced
43K viewsApr 7, 2024
YouTubePixellink
4:40
Light and dark theme in Figma
5.5K viewsJul 6, 2024
YouTubeNick Babich
29:30
Study Hall: Using variables in prototypes 101
87.7K viewsJul 8, 2023
YouTubeFigma
8:33
Get Started With String Variables | Figma Variables Part - 2🪄
458 viewsJul 15, 2023
YouTubeUrvashi
12:40
Lesson 5: Styles and variables
22.6K viewsOct 16, 2023
YouTubeFigma
33:47
Figma Typography Variables | A Setup + Overview Guide
17.2K viewsApr 17, 2024
YouTubeUI Collective
11:10
Responsive Typography With Variables | Figma Tutorial
74.8K viewsApr 17, 2024
YouTubeDesignWithArash
3:57
Figma Variables - Color Variables prototype
1.6K viewsOct 31, 2024
YouTubeThe Dreamineer Ricardo Costa
17:58
Tracking Prototype Analytics Using Figma Variables
5K viewsNov 27, 2023
YouTubeUI Collective
14:51
Figma tutorial: Intro to variables
809.5K viewsJun 21, 2023
YouTubeFigma
53:51
Office Hours: Variable fonts in Figma
12.5K viewsJun 3, 2022
YouTubeFigma
12:23
Figma Design System: 02 Primitive Color Variables
37.2K viewsJan 15, 2024
YouTubeChristopher Deane
1:20
Figma's NEW Variable Color Palette Generator
21.3K viewsNov 2, 2023
YouTubeUI Collective
8:51
Text Variables EASY tutorial in Figma
3.2K views11 months ago
YouTubeDreamineer - Ricardo Costa
4:19
08 Viewing CSS Variables in Figma | Figma for Developers
5.3K viewsAug 12, 2019
YouTubeGregory Schmidt MD
35:59
What Figma Experts WON'T Tell You About Variables in 2025
821 views6 months ago
YouTubeTutorials Town
2:15
Using variables to change variants
49.1K viewsFeb 1, 2024
YouTubeFigma
See more videos
Static thumbnail place holder