Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Create Primitive and Semantic color variables in Figma Supafast ⚡️

zander_supafast's profile picture

Zander Whitehurst

134,638 subscribers

35,988 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Zander Whitehurst
Zander Whitehurstvor 1 Jahr

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

Profilbild von Kreb
Krebvor 1 Jahr

dark mod is very easy with primitives 🤩

Profilbild von Rimbo Designs
Rimbo Designsvor 1 Jahr

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

Profilbild von Abner
Abnervor 1 Jahr

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!

Profilbild von Oghogho Igbinomwanhia
Oghogho Igbinomwanhiavor 1 Jahr

Doing the lord’s work! Thank you.

Profilbild von Bola Banjo
Bola Banjovor 1 Jahr

Arrrrrggghhhh 🔥

Profilbild von Dylan de Heer
Dylan de Heervor 1 Jahr

@zander_supafast I would love to build Foundation with you:

Profilbild von Sam •
Sam •vor 1 Jahr

SuperFast!

Profilbild von Raúl Martín
Raúl Martínvor 1 Jahr

Zander you cool!

Profilbild von John Sousa
John Sousavor 1 Jahr

That was too fast

Ähnliche Videos

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

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

Zander Whitehurst

79,800 Aufrufe • vor 3 Jahren

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

Designing responsive card grids in Figma, supafast! ⚡️

Zander Whitehurst

147,580 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Jahr

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

Let Claude create your Figma variables in seconds! 🤯

Jan Mraz

13,577 Aufrufe • vor 19 Tagen

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

🎵 Animating music cards in figma, supafast!

Zander Whitehurst

95,727 Aufrufe • vor 3 Jahren

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

🔍 Animating magnified cards in Figma, supafast!

Zander Whitehurst

143,350 Aufrufe • vor 3 Jahren

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

💧 Animating liquid fab buttons in figma, supafast!

Zander Whitehurst

188,875 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Jahren

#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 Aufrufe • vor 3 Jahren