Skip to main content
Question

Export responsive layout html+css that includes media queries?

  • February 17, 2025
  • 2 replies
  • 43 views

Filipp

Is it possible to export responsive layout html+css that includes media queries (for the available viewports of my design, e.g., desktop, tablet, mobile, code from Figma?

Best,
Filipp

2 replies

Georges_Gomes

Hi Filipp,

I was actually having the same challenge. We built a fully Figma responsive landing with autolayout and modes using figma.to.website plugin (Disclamer: I’m co-maker of this plugin). The plugin does support hosting but we wanted to integrate that HTML/CSS result into our existing static website (made in Astro). So we used our [Download code] feature and copy/pasted the result. Most of it is just HTML and CSS with media queries when needed.

If you want to see the result, the landing is actually live here: https://divRIOTS.com

This being said, the [Download code] feature is a paid feature on the plugin but I’m happy to give you a free license so you can extract the code that you need for you project 👍  Contact me on Discord: https://divriots.com/chat.

Kind regards,

Georges


Filipp
  • Author
  • New Member
  • 2 replies
  • February 21, 2025

Thanks for your reply, Geroge,
You’ve got a message 🙂
Best,
Filipp


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings