Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

🚀 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... show more

Harshil Acharya

8,130 subscribers

222,507 views • 1 year ago •via X (Twitter)

Science & Technology Education Arts #figma

Anya Rossi• Live Now

Private livecam show

36 Comments

Himanshu Kumar1 year ago

@figma Smart design choice using variables. This will save designers so much time and effort. Interested to see how it scales.

Guy Cohen1 year ago

@figma Figma

Basit A. Khan1 year ago

@figma Cool

Mobot6851 year ago

@figma @iammSunnyBoss

Chris1 year ago

@figma Figma 🔥

L u i z10 months ago

@figma Figma

wbingham1 year ago

@figma Figma

Sean Modd1 year ago

@figma Figma

ProfOJ1 year ago

@figma Figma

Pamilerin Sobaloju1 year ago

@figma Figma

Willie1 year ago

@figma Figma

manalishi 2.01 year ago

@figma Figma. Thank you

That Visual Designer1 year ago

@figma Figma

not the guy #CFC 💙1 year ago

@figma Figma

MeM_Lion1 year ago

@figma Figma

h.bnchbn9 months ago

@figma Figma ❤️‍🔥

CrayHans 🤪🖍1 year ago

@figma Wow! Figma!

Robert Youssef1 year ago

@figma figma, looks clean! love the dark mode vibes.

Tp_dapson • UiUx Designer • AI1 year ago

@figma Figma

Fatimuz Zehra1 year ago

@figma Figma

✦ Yuvraj Singh Rana1 year ago

@figma Hi Harshil.... This is exactly what I am looking for...... Figmaaaaa

Harshil Acharya1 year ago

@figma Sent.

Nitish Bhardwaj1 year ago

@figma figma

Jolly Akeju || UI/UX designer1 year ago

@figma Figma

Misha Frolov1 year ago

@figma Figma

Hafeezah ❤️1 year ago

@figma Figma

Shurise1 year ago

@figma Figma

Nick Tomic1 year ago

@figma Figma

All News Daily1 year ago

@figma Great job. Figma

Naresh D1 year ago

@figma @harshildesigner Figma

Tool Monsters1 year ago

@figma This dashboard looks next-level, thanks for sharing

Dev.with.Tolulope🇳🇬1 year ago

@figma Figma

Brad1 year ago

@figma What’s the point of making it all responsive in figma like that, seems like extra unnecessary work as the dev can do that on the real product. Either way great work super talented

Pibomeister1 year ago

@figma Figma

Jien1 year ago

@figma Figma

Value-Dude1 year ago

@figma Figma

Related Videos

🚀 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)

🚀 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,729 views • 10 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

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,508 views • 1 year 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

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,496 views • 6 months 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

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

62,139 views • 7 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

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,876 views • 7 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

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

131,271 views • 8 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 👇

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

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.

Figma

1,337,531 views • 3 years ago

Steal my collection of 35+ Hero Section Redesigns in Figma! (Fully editable) You can get them for FREE just for next 48 hours. Like, RT & comment "35" to get the figma file. (Must be following so I can DM you)

Steal my collection of 35+ Hero Section Redesigns in Figma! (Fully editable) You can get them for FREE just for next 48 hours. Like, RT & comment "35" to get the figma file. (Must be following so I can DM you)

Nee Say

89,412 views • 1 year 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.

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

Now i made an app for All in One app to improve your life in #ConfigMakeathon #Figma Figma Meet BEARIFY. The progress of the app went very smoothly with good planning. - Brainstorming - Interview - Friends/Other user feedbacks - Negative Opinions for improvements - Figma Make and Figma Weave - Ai - Design Sketching 🔸Site link: 🔸Figma Community: Built with Figma.

Now i made an app for All in One app to improve your life in #ConfigMakeathon #Figma Figma Meet BEARIFY. The progress of the app went very smoothly with good planning. - Brainstorming - Interview - Friends/Other user feedbacks - Negative Opinions for improvements - Figma Make and Figma Weave - Ai - Design Sketching 🔸Site link: 🔸Figma Community: Built with Figma.

Aymducking

212,987 views • 2 months ago

Took me 10 minutes to create these VisionOS icons in Figma Convert any icon to the same style by copy/pasting the style ✨ Get the fully editable Figma file 📁 Like and Comment "Send" (Must follow so I can DM you)

Took me 10 minutes to create these VisionOS icons in Figma Convert any icon to the same style by copy/pasting the style ✨ Get the fully editable Figma file 📁 Like and Comment "Send" (Must follow so I can DM you)

Emy

139,523 views • 2 years ago

Today's an exciting day for anyone using design tokens! With today's Figma release there's going to be native tokens in the form of 🌶️ Variables! Now… will Tokens Studio support this? Hell yes! We just released 1.37 of Tokens Studio for Figma with support for Variables!

Today's an exciting day for anyone using design tokens! With today's Figma release there's going to be native tokens in the form of 🌶️ Variables! Now… will Tokens Studio support this? Hell yes! We just released 1.37 of Tokens Studio for Figma with support for Variables!

Jan Six

45,765 views • 3 years ago

Grab my 25 experimental hero sections + prompts designed in Figma for free. How to get it: — Comment "Want this" — I'll DM you the figma link. You get: — Editable figma file including app screens, free to use — Midjourney prompts. No follows required, unless you want to.

Grab my 25 experimental hero sections + prompts designed in Figma for free. How to get it: — Comment "Want this" — I'll DM you the figma link. You get: — Editable figma file including app screens, free to use — Midjourney prompts. No follows required, unless you want to.

Dmitry Kurash

81,504 views • 2 years ago

Design System with AI Part 1: Talked about my agents, setting up the foundation: design tokens in Figma and exporting Local Variables to Claude with rules.

Design System with AI Part 1: Talked about my agents, setting up the foundation: design tokens in Figma and exporting Local Variables to Claude with rules.

Druids

20,004 views • 4 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 :

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

I built an image compressor for the Config Makeathon. Squeeze is a browser-based image compressor with silky-smooth compression visualization. I designed it in Figma, coded with Figma MCP + Cursor, and polished & published through Figma Make's GitHub connector. Live URL: #ConfigMakeathon Figma #FigmaDesignAgent #FigmaMake #FigmaMCP

I built an image compressor for the Config Makeathon. Squeeze is a browser-based image compressor with silky-smooth compression visualization. I designed it in Figma, coded with Figma MCP + Cursor, and polished & published through Figma Make's GitHub connector. Live URL: #ConfigMakeathon Figma #FigmaDesignAgent #FigmaMake #FigmaMCP

Joshua Guo

13,354 views • 2 months ago

GIVEAWAY 15 HERO SCREENS! Snag a FREE Figma file with 15 Hero Sections – only 24 HOURS to claim! Don’t miss this exclusive shot! Here’s how to get it: - Like + Comment "FREE" - Follow (so I can send Figma File to you)

GIVEAWAY 15 HERO SCREENS! Snag a FREE Figma file with 15 Hero Sections – only 24 HOURS to claim! Don’t miss this exclusive shot! Here’s how to get it: - Like + Comment "FREE" - Follow (so I can send Figma File to you)

kirill

11,699 views • 1 year ago

Giving away this Figma template - the file is yours for free 🤯🔥 Who wants this? Engage and comment “Wonderlist” to receive the link! (must be following)

Giving away this Figma template - the file is yours for free 🤯🔥 Who wants this? Engage and comment “Wonderlist” to receive the link! (must be following)

Bardhyl Bytyqi

47,573 views • 1 year ago

I built a Figma plugin that extracts local styles (tokens and variables) and generates DESIGN md and SKILL md files that you can integrate with any AI tool 💻 open-source under MIT license 🤖 works with all major AI tools 🚀 local algorithm without API calls

I built a Figma plugin that extracts local styles (tokens and variables) and generates DESIGN md and SKILL md files that you can integrate with any AI tool 💻 open-source under MIT license 🤖 works with all major AI tools 🚀 local algorithm without API calls

Zoltán Szőgyényi

96,430 views • 4 months ago