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 👉 https://html.to.design
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
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.
Congrats on the launch! This is perfect for backend developers like me who definitely need a baseline to create a user interface.
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!
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.
Very interesting, I will definitely try it out! Congratulations on your launch! 🚀🚀🚀
I love this idea! When designing, I always look at dribbble for inspiration but the designs there don't always cut it. This goes the extra mile to allow us to truly find the exact inspiration we want.
Wow, this looks amazing! Have you tested it out on complex websites yet? I'm curious to see how it handles large amounts of content.
It sounds like a cool idea, especially to discuss a design or maybe even copy a style and map it to your brand. Do you plan also the other way around? Figma to Tailwind for example :D
Love the vision and evolution - excited to continue seeing how this project progresses!
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.
Wow, a very great concept indeed, congratulations on the new updates to the plugin Georges and team!
Is there some video tutorial about the usage of the plugin that I can watch to better understand the capabilities of this plugin?
About html.to.design 2.0 on Product Hunt
“Convert any website into fully editable Figma designs”
html.to.design 2.0 launched on Product Hunt on June 16th, 2023 and earned 306 upvotes and 45 comments, placing #5 on the daily leaderboard. 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 👉 https://html.to.design
html.to.design 2.0 was featured in Design Tools (259.5k followers) on Product Hunt. Together, these topics include over 35.5k products, making this a competitive space to launch in.
Who hunted html.to.design 2.0?
html.to.design 2.0 was hunted by Georges Gomes. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how html.to.design 2.0 stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Georges Gomes