Skip to main content
Filipp
New Participant
February 17, 2025
Question

Export responsive layout html+css that includes media queries?

  • February 17, 2025
  • 2 replies
  • 185 views

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
    New Participant
    February 18, 2025

    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
    FilippAuthor
    New Participant
    February 21, 2025

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