Loading video...

Video Failed to Load

Go Home

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

zander_supafast's profile picture

Zander Whitehurst

179,056 subscribers

235,830 views • 3 years ago •via X (Twitter)

ArtsScience & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

10 Comments

Emmanuel Omole 📈's profile picture
Emmanuel Omole 📈3 years ago

@figma You must have created this before the release tho… cos that’s Supa fast 🤯🤯🤯

Deepak Varadharaj's profile picture
Deepak Varadharaj3 years ago

@figma What????? it's just been an hour and you already have a video 🤯

Axel Tavares's profile picture
Axel Tavares3 years ago

@figma How do you this tutorials supafaaast!? 😱 I kinda supalove them! ✨

Brainiac Graphics 🇳🇬's profile picture
Brainiac Graphics 🇳🇬3 years ago

@figma @mistamojolarh

Karrar Ketawi's profile picture
Karrar Ketawi3 years ago

@figma @ZahraaA955 @NobodyUKnow321

Ruchira Biswas's profile picture
Ruchira Biswas3 years ago

@figma That was faster than SUPAFAST!! Now waiting on all the other features' video 🤌

ZICCO_UX 's profile picture
ZICCO_UX 3 years ago

@figma This is crazy... He made this video with beta 😂 Superfast ⚡

Manuel Snr's profile picture
Manuel Snr3 years ago

@figma @tobsuiux

Umar A. Designer's profile picture
Umar A. Designer3 years ago

@figma Whoa 😮

Fatima's profile picture
Fatima3 years ago

@figma @jahanzeb10

Related Videos

Creating responsive designs in Figma, supafast 📱🖥️
0:26

Creating responsive designs in Figma, supafast 📱🖥️

Zander Whitehurst

186,141 views • 3 years ago

This is how a top designer designs for light and dark mode in Figma The way he is using tokens, variables in Figma is insane 🤯 Loren Baxter shows how he designed light and dark modes for Felt in Figma 👇
2:12

This is how a top designer designs for light and dark mode in Figma The way he is using tokens, variables in Figma is insane 🤯 Loren Baxter shows how he designed light and dark modes for Felt in Figma 👇

Jayneil Dalal

75,835 views • 2 years ago

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

Designing responsive card grids in Figma, supafast! ⚡️

Zander Whitehurst

148,109 views • 3 years ago

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

Create Primitive and Semantic color variables in Figma Supafast ⚡️
1:03

Create Primitive and Semantic color variables in Figma Supafast ⚡️

Zander Whitehurst

35,988 views • 1 year ago

Spending hours prototyping in Figma? You gotta try bolt.new AI that converts your designs into into a fully functional web app, supafast
0:46

Spending hours prototyping in Figma? You gotta try bolt.new AI that converts your designs into into a fully functional web app, supafast

Zander Whitehurst

64,800 views • 1 year ago

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

🎵 Animating music cards in figma, supafast!

Zander Whitehurst

95,730 views • 3 years ago

When a developer switches from dark mode to light mode😭
0:34

When a developer switches from dark mode to light mode😭

Aryan

49,997 views • 4 months ago

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

🔍 Animating magnified cards in Figma, supafast!

Zander Whitehurst

143,395 views • 3 years ago

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

🥸 Animating glasses carousels in figma, supafast!

Zander Whitehurst

138,426 views • 3 years ago

⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs into clean React code. We're already speeding up businesses by ~40% ion saves thousands of hours by: - Learning structure from your codebase - Reusing your existing components - Automatic dark mode 🌙 (1/4)
2:11

⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs into clean React code. We're already speeding up businesses by ~40% ion saves thousands of hours by: - Learning structure from your codebase - Reusing your existing components - Automatic dark mode 🌙 (1/4)

Samraaj Bath ⚡️

160,724 views • 2 years ago

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

💧 Animating liquid fab buttons in figma, supafast!

Zander Whitehurst

188,951 views • 3 years ago

working with a combination of variables, modes, base components, and themed instances to explore designs in light and dark mode at the same time 🔊
0:32

working with a combination of variables, modes, base components, and themed instances to explore designs in light and dark mode at the same time 🔊

David Hill

18,858 views • 10 months 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

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,880 views • 2 years ago

I discovered a very useful plugin for designers…..A plugin that allows you to switch between light and dark mode if you are too lazy using variables…Name of plugin is Dark Mode Magic😊
0:41

I discovered a very useful plugin for designers…..A plugin that allows you to switch between light and dark mode if you are too lazy using variables…Name of plugin is Dark Mode Magic😊

JenixDesignz

11,217 views • 1 year ago

3 reasons to start designing in sections in Figma Today! With Sections, you can create more dynamic, interactive prototypes. Arranging your screens I sections will cut the time you spend on your Figma prototypes by half. Secondly, When working on larger projects, designing in sections helps break the work into manageable pieces. It also help keep your work more organised. Finally, Designing in sections makes it simpler to switch entire screens from dark to light mode (or vice versa). Now you know some simple tricks to design better and faster. Let me get back to work ✌🏽. #figma #uxdesign #uidesign #figmatips
1:03

3 reasons to start designing in sections in Figma Today! With Sections, you can create more dynamic, interactive prototypes. Arranging your screens I sections will cut the time you spend on your Figma prototypes by half. Secondly, When working on larger projects, designing in sections helps break the work into manageable pieces. It also help keep your work more organised. Finally, Designing in sections makes it simpler to switch entire screens from dark to light mode (or vice versa). Now you know some simple tricks to design better and faster. Let me get back to work ✌🏽. #figma #uxdesign #uidesign #figmatips

designwithkingsley

28,406 views • 1 year ago

Easily add a color mode switch with a couple prompts. 🎨 Utilizing Gemini 3 Flash in Antigravity: It replaced hex strings, removed inline styles, implemented CSS custom properties, and added persistent dark/light mode to the website.
0:54

Easily add a color mode switch with a couple prompts. 🎨 Utilizing Gemini 3 Flash in Antigravity: It replaced hex strings, removed inline styles, implemented CSS custom properties, and added persistent dark/light mode to the website.

Google Antigravity

54,760 views • 6 months ago