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.

With this Figma plugin, you can publish a responsive live website based on your desktop design!

Jan Mraz

111,193 subscribers

12,626 views • 1 year ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

4 Comments

Jan Mraz1 year ago

Try the Figma to @WixStudio plugin here! 👇

Fahad ibn Sayed1 year ago

This is incredible! A super easy way to turn your designs into websites.

Jan Mraz1 year ago

Yess! Thanks Fahad! 🚀

The Solo Designer1 year ago

I'd use FRAMER instead!

Related Videos

Did you know you can launch a responsive website based only on a desktop version of your Figma design? 🔥 Your support is highly appreciated! 💜

Did you know you can launch a responsive website based only on a desktop version of your Figma design? 🔥 Your support is highly appreciated! 💜

Jan Mraz

15,155 views • 2 years ago

Publish your website, from #Figma, in a single click! Fully responsive, with free hosting (or your own domain) and all the settings you need for SEO, performance, forms custom code, embeds, analytics and more.

Publish your website, from #Figma, in a single click! Fully responsive, with free hosting (or your own domain) and all the settings you need for SEO, performance, forms custom code, embeds, analytics and more.

figma.to.website

492,521 views • 1 year ago

cheating in responsive design with Figma

cheating in responsive design with Figma

Dmitriy Bunin

69,668 views • 2 years ago

This Figma plugin will save you 90% of the time needed to build a design system in Figma!

This Figma plugin will save you 90% of the time needed to build a design system in Figma!

Jan Mraz

24,110 views • 1 year ago

I've been working on a course for ~2 years, and it's finally out! It's called Responsive Design for Beginners, and in it you'll learn how to build a responsive website from a Figma design with HTML, SCSS, JS. here's what the final website looks like:

I've been working on a course for ~2 years, and it's finally out! It's called Responsive Design for Beginners, and in it you'll learn how to build a responsive website from a Figma design with HTML, SCSS, JS. here's what the final website looks like:

Jess Chan | Coder Coder

23,354 views • 2 years ago

New website for Kigen Design System is live 🚀 This is an extension of the Kigen Figma Plugin that helps you kickstart your design system faster. It includes 6k+ components and variants, with easy customization, proper documentation, and more. Check out and let me know...

New website for Kigen Design System is live 🚀 This is an extension of the Kigen Figma Plugin that helps you kickstart your design system faster. It includes 6k+ components and variants, with easy customization, proper documentation, and more. Check out and let me know...

vijay verma

16,062 views • 2 months ago

I'm getting close to releasing Figma to shadcn plugin. The plugin will allow you to generate accurate, high-quality, and responsive shadcn/ui code based on your Figma designs 💪 Guillermo Rauch When will the v0 API be available? I would love to add "Open in v0" feature! 🙏

I'm getting close to releasing Figma to shadcn plugin. The plugin will allow you to generate accurate, high-quality, and responsive shadcn/ui code based on your Figma designs 💪 Guillermo Rauch When will the v0 API be available? I would love to add "Open in v0" feature! 🙏

Matt

123,035 views • 1 year ago

Stop designing custom icons for your UI design! Instead, try this Figma plugin.

Stop designing custom icons for your UI design! Instead, try this Figma plugin.

Jan Mraz

17,773 views • 6 months ago

One Figma plugin to validate your UI design ⚡️

One Figma plugin to validate your UI design ⚡️

Jan Mraz

15,017 views • 3 months ago

Figma to AI back to Figma This is a great loop for design explorations and gain back full control of the results. You can ask Aura to create new components, icons, graphics and entire screens based on existing design systems. All fully layered, nested and based on your prompt.

Figma to AI back to Figma This is a great loop for design explorations and gain back full control of the results. You can ask Aura to create new components, icons, graphics and entire screens based on existing design systems. All fully layered, nested and based on your prompt.

Meng To

75,640 views • 1 year ago

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →

Figma

141,230 views • 2 years ago

Working on color generator feature for design system Figma plugin, that creates all color shades based on a base color you pick or given hex. Different algorithms to generate more harmonious or complementary colors for your next design system project. Soon…

Working on color generator feature for design system Figma plugin, that creates all color shades based on a base color you pick or given hex. Different algorithms to generate more harmonious or complementary colors for your next design system project. Soon…

vijay verma

10,196 views • 1 year ago

figma "god mode" just leaked.. this week i tried the future of autonomous design: claude connected directly to the figma api with full edit access.. yes it can design in figma what does it mean? you prompt, it designs. it’s like having a team of designers inside figma working with you and 10x ing your capacity why is this different? official figma ai/mcp only "reads" files to help devs. this tool (unofficial MCP) "writes" in figma to replace manual labor. hours of grinding turned into seconds of waiting imagine this: - prompt to design: generate a new screen based on your design or not - prompt to flow: generate end to end user journeys - iteration: create multiple variations in one click - design system: it can use your components to create new screens - zero click management: auto layout, component creation, deduplication handled by prompt - universal control: if you can do it in figma, it can do it for you the impact if figma officially releases this, almost every existing plugin becomes obsolete overnight it feels like figma on steroids. i’m still processing whether i feel empowered or replaced full tutorial in this article from Mark A. Cianfrani. handle with care: ai will have access to everything in figma »

figma "god mode" just leaked.. this week i tried the future of autonomous design: claude connected directly to the figma api with full edit access.. yes it can design in figma what does it mean? you prompt, it designs. it’s like having a team of designers inside figma working with you and 10x ing your capacity why is this different? official figma ai/mcp only "reads" files to help devs. this tool (unofficial MCP) "writes" in figma to replace manual labor. hours of grinding turned into seconds of waiting imagine this: - prompt to design: generate a new screen based on your design or not - prompt to flow: generate end to end user journeys - iteration: create multiple variations in one click - design system: it can use your components to create new screens - zero click management: auto layout, component creation, deduplication handled by prompt - universal control: if you can do it in figma, it can do it for you the impact if figma officially releases this, almost every existing plugin becomes obsolete overnight it feels like figma on steroids. i’m still processing whether i feel empowered or replaced full tutorial in this article from Mark A. Cianfrani. handle with care: ai will have access to everything in figma »

Aurelien

78,970 views • 4 months ago

You can now create and publish websites on Figma!

You can now create and publish websites on Figma!

Pablo Stanley

104,555 views • 1 year ago

Responsive Web Design via the Figma MCP Server. This is how! 👇

Responsive Web Design via the Figma MCP Server. This is how! 👇

Gary Simon

107,780 views • 11 months ago

Made a lil plugin to animate brushstrokes from Figma Draw on Figma Site! Here's a demo website to show some examples -

Made a lil plugin to animate brushstrokes from Figma Draw on Figma Site! Here's a demo website to show some examples -

Seungmee

15,364 views • 11 months ago

You can now clone any website design in seconds with AI. Just grab any live UI with the new MagicPath Extension and the AI will instantly create a working clone you can build on top of. I literally just recreated Claude’s UI with it. This is Figma completely redesigned.

You can now clone any website design in seconds with AI. Just grab any live UI with the new MagicPath Extension and the AI will instantly create a working clone you can build on top of. I literally just recreated Claude’s UI with it. This is Figma completely redesigned.

Alvaro Cintas

200,622 views • 7 months ago

Sharing a great tool here: The Genome Color Tool Is allows you to generate a colour palettes based on your brand, and then import those into Figma as styles You can then combine this with another plugin to spin variables up and save a tonne of time ⏰

luis.

22,029 views • 2 years ago

Introducing Auto Arrange, a Figma plugin to automatically organize design elements in a grid, horizontal, or vertical layout. clean up your design with a single click. retweet and share 🙏

Introducing Auto Arrange, a Figma plugin to automatically organize design elements in a grid, horizontal, or vertical layout. clean up your design with a single click. retweet and share 🙏

dára sobaloju

43,170 views • 1 year ago

AlignUI Design System is live! 💥 Visit our website, preview on Figma, and get it now!

AlignUI Design System is live! 💥 Visit our website, preview on Figma, and get it now!

Erşad

283,465 views • 2 years ago