html.to.design
p/html-to-design
Convert any website into fully editable Figma designs
Georges Gomes
html.to.design 2.0 β€” Convert any website into fully editable Figma designs
Featured
47
β€’
Import a single webpage or entire websites into Figma!

The plugin now comes with great new features like:
- Bulk imports
- Multi-viewport
- Multi-themes
- Text and color styles generation

Try it now πŸ‘‰ html.to.design
Replies
Georges Gomes
Hi Hunters! 😺 Just 8 months since we first introduced html.to.design and we’re already a top 20 Figma plugin with 380,000 users worldwide! It’s been a while since we’ve shared some of our work with the Product Hunt family, so here we are to present html.to.design 2.0! So much has changed since our first launch, and we thought it was about time that we shared with you everything that’s new. Whether it’s to redesign an old website, create benchmarks in Figma or scrap design assets from the web, html.to.design is your little superhero 🦸 This new version comes with: Bulk imports Import multiple pages at once. An entire user journey can be captured in a few seconds, ready to be annotated or redesigned. Multi-viewport Import mobile, tablet and desktop viewports in one shot. Start redesigning in responsive right away! Multi-theme Import both Light and Dark themes side by side. Text and color styles generation Still in beta, this feature creates local Figma styles for color and text. Your redesign can benefit from design tokens out-of-the-box! Even higher quality of transformation We made hundreds of improvements in the transformation to Figma layers. html.to.design supports more sophisticated CSS capabilities and we greatly improved the layer naming and layer structure so it's easier to navigate and work with the layer tree itself in Figma! Ready to give our new version a try? We’d love to hear what you think πŸ‘‰ html.to.design
Julie Chabin
@georges_gomes Thank you!! I've been using html.to.design in my workflow, and it's saved me so much time. Can't wait to use the updated version. I'm particularly excited about the text feature and the structure. These were my only pain points. Congrats on the launch, and keep up the good work! ✨
Georges Gomes
@syswarren Thanks for this lovely message Julie! If you need anything on the plugin, just ask! πŸ™‡β€β™‚οΈ
Eduardo Ronzano
This tool saves me SO much time!! Thanks so much for building this!!
AndrΓ© J
Awesome. What about figma2html? πŸ˜…
Georges Gomes
@eonpilot Let's wait for what Figma has to announce on June 21 at Config :)
Dan Coman
Does it work with responsive design?
Georges Gomes
@dancoman Yes! You have option to capture the websites in different viewport sizes.
Jeane Carlos
Great concept! Can users select specific components or sections of a website they like? I often get inspiration from multiple websites and like to take the best parts of each one.
Georges Gomes
@john_carlos Hi John, by using the companion Chrome extension you can take pieces of webpages. https://html.to.design/chrome-ex...
Vlad Zivkovic
Very interesting, I will definitely try it out! Congratulations on your launch! πŸš€πŸš€πŸš€
Rashika Ahuja
This is great. Congratulations, Team!
Vincent Chaglasyan
Love the vision and evolution - excited to continue seeing how this project progresses!
Georges Gomes
@vincechag πŸ™‡β€β™‚οΈ
Naomi Chao
Just used it on the Product Hunt site and it replicated it really well. My only complaint is that it took a while to load and some launches spilled over past the page border, with only the main page fully in white (I know I explained that horribly lol). Otherwise, it worked like a charm! Pretty cool plugin!
Dennis Zax
Congrats on the launch! This is perfect for backend developers like me who definitely need a baseline to create a user interface.
Rana Phool
Amazing job! This plugin looks like it will save so much time. I can't wait to try it out and see how it works!
Mariia Rudenko
πŸ’Ž Pixel perfection
I use it and I love it
Georges Gomes
@mariia_rudenko Thanks Mariia, we love to hear this 🧑 If you need anything, just contact us on Discord https://html.to.design/chat
ThaΓ­s Santos
It's amazing to see how much the plugin has improved in such a short time! Not only are websites rendered much better now, but you also get all these awesome extra features, like importing multiple items at once and my favorite, generating text and styles. It used to be a lot of manual work, copying website screenshots and recreating them in Figma frame by frame. But now, it's all done automatically, which is mind-blowing 🀯 This plugin is a real game-changer for designers and saves so much time and effort.
Remi Berthier
Probably the best plugin in town for Figma! Save so much time when it comes to reuse designs from existing websites / web-apps.
Joaquin Reyes
Have used this several times and always works perfectly. Congrats on the team. I'm gladly surprised to see you guys on PH! Keep up the good work!
Nashwan Abdullah
amazing!!!
Heleana Grace
This sounds awesome! Congratulations on the launch! πŸ₯³
Jonas Ulrich
Loving this! 😍 Also don't sleep on the other tools by divRIOTS, especially story.to.design if you're already using Storybook... or Backlight.dev if you need tooling to start your own Design System! Great work everybody! πŸ™Œ
Shushant Lakhyani
This is a game-changer for designers! I can't wait to see people try out html.to.design 2.0's new features like bulk imports and text/color styles generation. Importing entire websites into Figma is next level.
Aditi Sinha
This is one of the best design help tools I've encountered. It has saved me hours of time trying to create templates from scratch. I'm incredibly excited about the text feature.