Loading video...

Video Failed to Load

Go Home

Create Primitive and Semantic color variables in Figma Supafast ⚡️

zander_supafast's profile picture

Zander Whitehurst

134,638 subscribers

35,988 views • 1 year ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

10 Comments

Zander Whitehurst's profile picture
Zander Whitehurst1 year ago

If you found this handy then join 20k designers and teams upskilling with me on Memorisely ❤️

Kreb's profile picture
Kreb1 year ago

dark mod is very easy with primitives 🤩

Rimbo Designs's profile picture
Rimbo Designs1 year ago

A cool for a light-dark switch. Definitely handy when you're designing for a bigger project.

Abner's profile picture
Abner1 year ago

Bro, ur content's so good. As a web dev, it's been helping me w/ my project prototypes & bringing new ideas. Keep it up!

Oghogho Igbinomwanhia's profile picture
Oghogho Igbinomwanhia1 year ago

Doing the lord’s work! Thank you.

Bola Banjo's profile picture
Bola Banjo1 year ago

Arrrrrggghhhh 🔥

Dylan de Heer's profile picture
Dylan de Heer1 year ago

@zander_supafast I would love to build Foundation with you:

Sam •'s profile picture
Sam •1 year ago

SuperFast!

Raúl Martín's profile picture
Raúl Martín1 year ago

Zander you cool!

John Sousa's profile picture
John Sousa1 year ago

That was too fast

Related Videos

3 Spatial UI Design tips in Figma, Supafast! ⚡️
0:32

3 Spatial UI Design tips in Figma, Supafast! ⚡️

Zander Whitehurst

79,800 views • 3 years ago

Designing responsive card grids in Figma, supafast! ⚡️
0:29

Designing responsive card grids in Figma, supafast! ⚡️

Zander Whitehurst

147,580 views • 3 years ago

Switch designs from light to dark mode in Figma, supafast! ⚡️
0:39

Switch designs from light to dark mode in Figma, supafast! ⚡️

Zander Whitehurst

235,817 views • 3 years ago

Did it! Published the Figma plugin I’ve wanted for 5 years. 🎨 Create / adjust your custom color scale ⚡️ Figma variables update in real-time So now you can test your custom color scale instantly on real designs! 👉 Watch it in action, skip to 0:20
0:35

Did it! Published the Figma plugin I’ve wanted for 5 years. 🎨 Create / adjust your custom color scale ⚡️ Figma variables update in real-time So now you can test your custom color scale instantly on real designs! 👉 Watch it in action, skip to 0:20

Erik

21,594 views • 1 year ago

Let Claude create your Figma variables in seconds! 🤯
0:20

Let Claude create your Figma variables in seconds! 🤯

Jan Mraz

13,577 views • 18 days ago

🎵 Animating music cards in figma, supafast!
0:43

🎵 Animating music cards in figma, supafast!

Zander Whitehurst

95,727 views • 3 years ago

🔍 Animating magnified cards in Figma, supafast!
0:30

🔍 Animating magnified cards in Figma, supafast!

Zander Whitehurst

143,350 views • 3 years ago

💧 Animating liquid fab buttons in figma, supafast!
0:34

💧 Animating liquid fab buttons in figma, supafast!

Zander Whitehurst

188,875 views • 3 years ago

Just published Parametric Tables in Figma ✶ A new cool technique to use Figma variables to create 100% responsive and scalable tables, Check it out ↓
0:31

Just published Parametric Tables in Figma ✶ A new cool technique to use Figma variables to create 100% responsive and scalable tables, Check it out ↓

Dmitriy Bunin

11,630 views • 11 months ago

Glowing loading animation in figma, supafast. Celebrating Disney turning 100 🥳
0:37

Glowing loading animation in figma, supafast. Celebrating Disney turning 100 🥳

Zander Whitehurst

487,381 views • 2 years ago

Working with variables in Figma is so much fun! 🤩 It’s becoming clear that variables and components are essential for building any website or app today. True? #figma #designsystem #components #variables
0:23

Working with variables in Figma is so much fun! 🤩 It’s becoming clear that variables and components are essential for building any website or app today. True? #figma #designsystem #components #variables

Harshil Acharya

34,330 views • 1 year ago

Don’t waste time creating manual styles and variables in Figma!
0:24

Don’t waste time creating manual styles and variables in Figma!

Jan Mraz

17,169 views • 9 months ago

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process
0:25

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process

Harshil Acharya

104,360 views • 11 months ago

Here I’ve created fully Responsive Email Dashboard in Figma using Variables & Components. Also included Dark/Light Modes. #figma #responsivewebdesign #figmadesign #websitedesign #variables #uidesign
0:20

Here I’ve created fully Responsive Email Dashboard in Figma using Variables & Components. Also included Dark/Light Modes. #figma #responsivewebdesign #figmadesign #websitedesign #variables #uidesign

Harshil Acharya

27,969 views • 1 year ago

Get your fill with the updated eyedropper, only in UI3 → Reuse styles and variables (Shift + Click) → Copy style and variable names (also hex, RGB, HSL, and HSB codes!) in raw text format → Tab through different color formats → Create a new style or variable (Shift + CMD + Click / Shift + CTRL + Click)
0:45

Get your fill with the updated eyedropper, only in UI3 → Reuse styles and variables (Shift + Click) → Copy style and variable names (also hex, RGB, HSL, and HSB codes!) in raw text format → Tab through different color formats → Create a new style or variable (Shift + CMD + Click / Shift + CTRL + Click)

Figma

110,995 views • 1 year ago

Here’s the Full Tutorial of Responsive Design using Variables in Figma #figma #figmatutorial #figmadesign #responsivewebdesign #uidesign
0:49

Here’s the Full Tutorial of Responsive Design using Variables in Figma #figma #figmatutorial #figmadesign #responsivewebdesign #uidesign

Harshil Acharya

41,106 views • 1 year ago

If You're A UI UX Designer, I Just released a video demonstrating how to set up Dark Mode for your designs using Color Variables in Figma And CSS Watch Video Here :
0:43

If You're A UI UX Designer, I Just released a video demonstrating how to set up Dark Mode for your designs using Color Variables in Figma And CSS Watch Video Here :

Joseph Brendan

27,056 views • 1 year ago

Component properties can now be bound to variables Also, UI has been simplified so that props and variables are in the same dropdown
3:23

Component properties can now be bound to variables Also, UI has been simplified so that props and variables are in the same dropdown

Figma

38,480 views • 1 year ago

#Config2023 Launch 2: Variables You can now use variables to make adaptable designs—we’re talking different brand themes, device formats, and more. And yup, variables can be exported as tokens in case that’s helpful 😉. 👇 See variables in action
0:46

#Config2023 Launch 2: Variables You can now use variables to make adaptable designs—we’re talking different brand themes, device formats, and more. And yup, variables can be exported as tokens in case that’s helpful 😉. 👇 See variables in action

Figma

357,641 views • 3 years ago

Excited about incorporating Figma variables detection and display in EightShapes Specs anatomy, props and layout and spacing.
0:35

Excited about incorporating Figma variables detection and display in EightShapes Specs anatomy, props and layout and spacing.

Nathan A Curtis

34,266 views • 3 years ago