L01
What are Figma variables?
Preview
02:34
L02
Warmup challenges for Variables
Preview
25:52
L03
When do we use Variables in Figma?
Preview
02:39
L04
How are Figma variables different to Styles and why are they important?
Preview
02:21
L05
Introduction to the Variables project
Preview
00:39
L06
How to structure your variables for a Design System
Preview
35:41
L07
Proper naming conventions for Primitive & Semantic (Alias) Variables
Preview
07:21
L08
Variables for a Design System Project Walkthrough
Preview
03:42
L09
Convert your Color styles to Primitive Variables
Preview
05:02
L10
Convert your Spacing units to Primitive Variables
Preview
08:22
L11
Convert your Corner Radius to Primitive Variables
Preview
04:57
L12
Convert your typography styles to Variables
Preview
18:43
L13
Create your Semantic Variables
Preview
29:34
L14
Link up your designs with variables
Preview
12:55
L15
Create a dark mode view with variables
Preview
10:04