html.to.design
p/html-to-design
Convert any website into fully editable Figma designs
Georges Gomes
html.to.design 3.0 — Convert any website into fully editable Figma designs
Featured
12
html.to.design 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!
Replies
Georges Gomes
html.to.design 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, html.to.design is your little superhero 🦸 We hope you enjoy html.to.design 3.0 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! Tell us what you want! Kind regards, The ‹div›RIOTS team ❤️ PS: We also started to work on a new plugin for the opposite problem. figma.to.website let's you publish websites directly from Figma designs! Launching on Product Hunt soon!
Porush Puri 🇮🇳
@georges_gomes 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!
Jan Mráz
Such a great plugin!
Nic
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.
levene
cool. think im gonna use it html.to.design 3.0
Teodor
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.
Georges Gomes
@theospasov Thanks Teodor!
Thaís Santos
I'm so proud of this team and happy to see the product continuing to improve!
Georges Gomes
@th41s_santos Thanks Thais! We are still rocking the logo you made!
Thomas
Premium user for over a year now - the plugin is really useful for our team, thanks for the hard work 🔥🔥
Georges Gomes
@vimarethomas Thank you so much for your trust! If you need anything, just let us know! Here https://tally.so/r/wQoPQp or on Discord 👍 (https://html.to.design/chat)
Cathy Yee
Very cool, congrats!