Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieKunst#figma#responsivewebdesign#figmadesign#websitedesign#variables#uidesign
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Jess ♡
Jess ♡vor 1 Jahr

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

Profilbild von Harshil Acharya
Harshil Acharyavor 1 Jahr

@figma Will do!

Profilbild von Assist - Personal Assistants
Assist - Personal Assistantsvor 2 Jahren

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

Profilbild von Chukwuebuka O.
Chukwuebuka O.vor 1 Jahr

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

Profilbild von tough shit
tough shitvor 1 Jahr

@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.

Profilbild von Patrik
Patrikvor 1 Jahr

@figma Great!!

Profilbild von Jimmy Cheung
Jimmy Cheungvor 1 Jahr

@figma Great work! Hope you enjoy

Profilbild von Kleant Zogu
Kleant Zoguvor 1 Jahr

@figma That's great!

Profilbild von jeffbzy 🌊
jeffbzy 🌊vor 1 Jahr

@figma beauty!

Profilbild von Clyde
Clydevor 1 Jahr

@figma 👁️ 👁️

Profilbild von Matteo
Matteovor 1 Jahr

@figma Would love to have a look at variables structure

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

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,808 Aufrufe • vor 4 Monaten

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,737 Aufrufe • vor 4 Monaten

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,272 Aufrufe • vor 3 Monaten

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,579 Aufrufe • vor 5 Monaten

🚀 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,973 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,357 Aufrufe • vor 11 Monaten

🚀 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,340 Aufrufe • vor 7 Monaten

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

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

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

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

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

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

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

Let Claude create your Figma variables in seconds! 🤯

Jan Mraz

13,577 Aufrufe • vor 17 Tagen

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

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

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

Figma

61,251 Aufrufe • vor 10 Monaten

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

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

Create Primitive and Semantic color variables in Figma Supafast ⚡️

Zander Whitehurst

35,988 Aufrufe • vor 1 Jahr