html.to.design 3.0 - Convert any website into fully editable Figma designs

is the Figma plugin to turn webpages into editable designs. We’ve been hard at work to incorporate your ideas and are proud to introduce some great new features in html.to.design 3.0!

Add a comment

Replies

Best
is just a little over a year old and what a ride it has been! We’re already a top-10 Figma plugin with over 830,000 users worldwide. Every day we’re introducing plugin improvements and working on new features, which is why we thought it was time to present the latest version! So much has changed since our last launch, but we wanted to highlight the main improvements: Font mapping to replace missing fonts Enough of downloading missing fonts! Now, if the font is missing from your Figma you can replace it with another font of your choice and html.to.design will remember it every time you import that website. High-resolution images html.to.design can now detect high resolution images available in the image CDN of the website and replace the normal images with high resolution images in Figma! For example, if you capture a Pinterest board, you will get super crisp images. (Requires a PRO account) Enhanced Autolayout If you activate the "Autolayout" option, html.to.design will try to use as much autolayout as possible in Figma layers. This gives you great responsiveness in sections and components of the website and you can re-order elements in a group easily. This new version is more accurate when using Autolayout. Even better results Both the URL-imports and the imports via the Chrome extension have been improved. We delivered support for the upcoming CSS color module 4 (already used by some websites), we improved complex gradient support, and over a hundred small changes have been made to support even more use cases! Overall performance enhancements The performance has been greatly improved both in software and infrastructure. Imports can be up to twice as fast now! Whether you’re redesigning an old website, creating benchmarks in Figma or importing design assets from the web, is your little superhero 🦸 We hope you enjoy and that it only further boosts your design process! We are already working on html.to.design 4.0. If you’d like to request a new feature: it's the best time! Kind regards, The ‹div›RIOTS team ❤️ PS: We also started to work on a new plugin for the opposite problem. let's you publish websites directly from Figma designs! Launching on Product Hunt soon!
Been using this plugin for a long long time, and it's a big time saver. Website Revamps are a breeze. Thanks for creating this!
Premium user for over a year now - the plugin is really useful for our team, thanks for the hard work 🔥🔥
Thank you so much for your trust! If you need anything, just let us know! Here or on Discord 👍 ()
Such a great plugin!
Very cool, congrats!
This is one of my favourite plugins for Figma. The ability to import multiple versions of a website, like the dark mode and light mode versions, saves me a lot of time. Keep up the good work.
Thanks Teodor!
cool. think im gonna use it html.to.design 3.0
I'm so proud of this team and happy to see the product continuing to improve!
Thanks Thais! We are still rocking the logo you made!
I tried this plugin in its very early days. I immediately realized the value and went PRO. I use it almost daily. It saves so much time for experimenting with quick accurate to production mockups. The team also ships! They also have a super helpful discord community. If you're a figma designer this will make your life so much easier.

This is really a time-saver if you redesign a website with no exiting design files

I've been using this for a while now and honestly it's become part of my daily workflow. The 3.0 update is a massive leap — auto-layout import alone saved me hours. So glad I found the team behind this here. Keep it up! 🙌

12
Next
Last