Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Create Primitive and Semantic color variables in Figma Supafast ⚡️

zander_supafast's profile picture

Zander Whitehurst

134,638 subscribers

35,988 görüntüleme • 1 yıl önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Zander Whitehurst profil fotoğrafı
Zander Whitehurst1 yıl önce

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

Kreb profil fotoğrafı
Kreb1 yıl önce

dark mod is very easy with primitives 🤩

Rimbo Designs profil fotoğrafı
Rimbo Designs1 yıl önce

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

Abner profil fotoğrafı
Abner1 yıl önce

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 profil fotoğrafı
Oghogho Igbinomwanhia1 yıl önce

Doing the lord’s work! Thank you.

Bola Banjo profil fotoğrafı
Bola Banjo1 yıl önce

Arrrrrggghhhh 🔥

Dylan de Heer profil fotoğrafı
Dylan de Heer1 yıl önce

@zander_supafast I would love to build Foundation with you:

Sam • profil fotoğrafı
Sam •1 yıl önce

SuperFast!

Raúl Martín profil fotoğrafı
Raúl Martín1 yıl önce

Zander you cool!

John Sousa profil fotoğrafı
John Sousa1 yıl önce

That was too fast

Benzer Videolar

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

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

Zander Whitehurst

79,800 görüntüleme • 3 yıl önce

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

Designing responsive card grids in Figma, supafast! ⚡️

Zander Whitehurst

148,109 görüntüleme • 3 yıl önce

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,830 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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

Let Claude create your Figma variables in seconds! 🤯

Jan Mraz

13,577 görüntüleme • 1 ay önce

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

🎵 Animating music cards in figma, supafast!

Zander Whitehurst

95,730 görüntüleme • 3 yıl önce

🥸 Animating glasses carousels in figma, supafast!
0:32

🥸 Animating glasses carousels in figma, supafast!

Zander Whitehurst

138,426 görüntüleme • 3 yıl önce

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

🔍 Animating magnified cards in Figma, supafast!

Zander Whitehurst

143,395 görüntüleme • 3 yıl önce

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

💧 Animating liquid fab buttons in figma, supafast!

Zander Whitehurst

188,892 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 9 ay önce

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,391 görüntüleme • 1 yıl önce

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

28,134 görüntüleme • 1 yıl önce

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

111,014 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

#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,664 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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,494 görüntüleme • 1 yıl önce