Loading video...

Video Failed to Load

Go Home

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

harshildesigner's profile picture

Harshil Acharya

6,272 subscribers

27,969 views • 1 year ago •via X (Twitter)

Science & TechnologyArts#figma#responsivewebdesign#figmadesign#websitedesign#variables#uidesign
LIVE

Anya Rossi• Live Now

Private livecam show

11 Comments

Jess ♡'s profile picture
Jess ♡1 year ago

@figma Wow, this is amazing! Any chance of sharing it?

Harshil Acharya's profile picture
Harshil Acharya1 year ago

@figma Will do!

Assist - Personal Assistants's profile picture
Assist - Personal Assistants2 years ago

Do you need a graphic designer? 🎨 Send us a message! 💬

Chukwuebuka O.'s profile picture
Chukwuebuka O.1 year ago

@figma Love the responsiveness✨ It's a lot like what Make it responsive plugin is used for

tough shit's profile picture
tough shit1 year ago

@figma Wow, this is awesome. I still do it the old way (i.e. designing a variants for different sizes and then lay it out on screen sized frames). I'd love to take a peek at your component hierarchy.

Patrik's profile picture
Patrik1 year ago

@figma Great!!

Jimmy Cheung's profile picture
Jimmy Cheung1 year ago

@figma Great work! Hope you enjoy

Kleant Zogu's profile picture
Kleant Zogu1 year ago

@figma That's great!

jeffbzy 🌊's profile picture
jeffbzy 🌊1 year ago

@figma beauty!

Clyde's profile picture
Clyde1 year ago

@figma 👁️ 👁️

Matteo's profile picture
Matteo1 year ago

@figma Would love to have a look at variables structure

Related Videos

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

Created Employe Dashboard using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #crm #dashboarddesign #figma #uidesign #UIUXDesign
0:26

Created Employe Dashboard using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #crm #dashboarddesign #figma #uidesign #UIUXDesign

Harshil Acharya

61,816 views • 4 months ago

Created File Manager Dashboard using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. 👉 Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #filemanager #crm #dashboarddesign #figma #uidesign #UIUXDesign
0:23

Created File Manager Dashboard using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. 👉 Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #filemanager #crm #dashboarddesign #figma #uidesign #UIUXDesign

Harshil Acharya

22,742 views • 5 months ago

Created AI Chatbot Design using Figma Make, and converted it into Responsive using Variables & applied Light/Dark Modes. Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #crm #dashboarddesign #figma #uidesign #uiuxdesign
0:26

Created AI Chatbot Design using Figma Make, and converted it into Responsive using Variables & applied Light/Dark Modes. Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #crm #dashboarddesign #figma #uidesign #uiuxdesign

Harshil Acharya

48,279 views • 3 months ago

Created Real Estate CRM using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. 🏠 👉 Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #realesate #crm #dashboarddesign #figma #uidesign
0:25

Created Real Estate CRM using Figma Make, and converted it into Responsive using Variables and applied Light/Dark Modes. 🏠 👉 Comment Figma to get Source file & Tutorial. (Must be Follow so I can DM) #realesate #crm #dashboarddesign #figma #uidesign

Harshil Acharya

130,591 views • 5 months ago

🚀 Just designed a Responsive AI Chatbot Dashboard in Figma complete with Light/Dark Modes & Variables for all breakpoints! Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #uidesign #designsystem #ai
0:23

🚀 Just designed a Responsive AI Chatbot Dashboard in Figma complete with Light/Dark Modes & Variables for all breakpoints! Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #uidesign #designsystem #ai

Harshil Acharya

221,988 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

🚀 Built this Light/Dark Dashboard in Figma for Healthcare CRM using Variables for different breakpoints. Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM)
0:21

🚀 Built this Light/Dark Dashboard in Figma for Healthcare CRM using Variables for different breakpoints. Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM)

Harshil Acharya

190,351 views • 7 months 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,790 views • 1 year 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

Rolling Effect in Figma Figma file: #figma #figmadesign #tutorial #uidesign #prototyping #figmatutorial #webdesign
0:56

Rolling Effect in Figma Figma file: #figma #figmadesign #tutorial #uidesign #prototyping #figmatutorial #webdesign

Harshil Acharya

62,103 views • 3 years ago

Swap variant instances between modes in Figma using boolean variables. 🤔 Doing it right, or missing something?
3:45

Swap variant instances between modes in Figma using boolean variables. 🤔 Doing it right, or missing something?

MDS

34,168 views • 2 years ago

I made this site entirely in Figma using Locofy.ai Responsive layout, breakpoints, pages, animations. The code is near perfect and exportable to React w/ styles, components and variables. For simple sites like portfolios and landing pages, you can do everything in Figma.
0:43

I made this site entirely in Figma using Locofy.ai Responsive layout, breakpoints, pages, animations. The code is near perfect and exportable to React w/ styles, components and variables. For simple sites like portfolios and landing pages, you can do everything in Figma.

Meng To

32,205 views • 2 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

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

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

Let Claude create your Figma variables in seconds! 🤯

Jan Mraz

13,577 views • 19 days 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 • 8 months ago

Modal makeover, variables edition: → Filter → Search → Expand
0:24

Modal makeover, variables edition: → Filter → Search → Expand

Figma

61,251 views • 10 months 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

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