Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

Bilim & TeknolojiSanat#figma#responsivewebdesign#figmadesign#websitedesign#variables#uidesign
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

Jess ♡ profil fotoğrafı
Jess ♡1 yıl önce

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

Harshil Acharya profil fotoğrafı
Harshil Acharya1 yıl önce

@figma Will do!

Assist - Personal Assistants profil fotoğrafı
Assist - Personal Assistants2 yıl önce

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

Chukwuebuka O. profil fotoğrafı
Chukwuebuka O.1 yıl önce

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

tough shit profil fotoğrafı
tough shit1 yıl önce

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

@figma Great!!

Jimmy Cheung profil fotoğrafı
Jimmy Cheung1 yıl önce

@figma Great work! Hope you enjoy

Kleant Zogu profil fotoğrafı
Kleant Zogu1 yıl önce

@figma That's great!

jeffbzy 🌊 profil fotoğrafı
jeffbzy 🌊1 yıl önce

@figma beauty!

Clyde profil fotoğrafı
Clyde1 yıl önce

@figma 👁️ 👁️

Matteo profil fotoğrafı
Matteo1 yıl önce

@figma Would love to have a look at variables structure

Benzer Videolar

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

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

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

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

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

🚀 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,939 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,351 görüntüleme • 11 ay önce

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

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

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

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

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

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

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

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

Figma

61,251 görüntüleme • 10 ay ö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 • 8 ay önce

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

Create Primitive and Semantic color variables in Figma Supafast ⚡️

Zander Whitehurst

35,988 görüntüleme • 1 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

26,917 görüntüleme • 1 yıl önce

Math operator is now in Figma variables. Demo: innerRadius = outerRadius - padding What would you build with variables with math? Reply one idea.
0:28

Math operator is now in Figma variables. Demo: innerRadius = outerRadius - padding What would you build with variables with math? Reply one idea.

Mr. Biscuit

11,482 görüntüleme • 8 ay önce