html.to.design

Download / Install How to install an extension

CRX id

ldnheaepmnmbjjjahokphckbpgciiaed

Description from extension meta

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

Image from store html.to.design

Description from store With html.to.design, convert any website into fully editable Figma designs. Even private webpages behind a log-in ✨ Leverage an existing website and import its html to Figma to start your own designs, without building each element from scratch. Before going any further, please note that this Chrome extension is a companion to the html.to.design Figma plugin, and you’ll need to install the Figma plugin first. How it works: 1. Install the html.to.design Chrome extension by clicking on ‘Add to Chrome’. 2. Navigate and log in to the page you would like to import into Figma. (This extension is especially designed for private pages behind a log-in. To import a public website, you can use our Figma plugin without the need for the Chrome extension). 3. Click on the html.to.design extension icon in your Chrome top bar. 4. The extension will automatically start extracting html from the page. (You’ll see the following message in your browser: `html.to.design started debugging this browser`. Don’t worry, this means everything is working as expected.) 5. Once the download is complete, head over to Figma and launch the html.to.design plugin. 6. You’ll see a big box where you can directly drag and drop the file generated and downloaded by the Chrome extension. 7. html.to.design will immediately start importing the page into Figma, and you’re all set! 8. Happy designing! ------- Powered by story.to.design technology 🚀 ------- Notes: - In order to best map what you see in your browser to Figma, we need to access Chrome's debugging features. - We don't store or log anything outside of your browser. Everything stays local, we might add anonymous analytics in the future. - Keep in mind that this Chrome extension is still work in progress, and while we strive for pixel-perfect, it may not always be there yet. Thank you for your support and patience.

Latest reviews

(2023-11-18) Matthew Ferguson: It was an amazing plugin when it was working, but it's broken now sadly
(2023-11-08) Jon Burke: Plugin appears to be broken. Was working great a few weeks ago... Using it in Chrome on a MacBook.
(2023-09-26) amber sonata: very great!!! powerful! i like it! thanks!
(2023-08-04) Sophia Ng: The best html to figma plugin so far!
(2023-06-23) Islam Sydykov: Saved me not hours but days of work. It is awesome
(2023-06-07) Callen Hedglen: Saves SO MUCH time! Essential plugin.
(2023-01-30) Rafea Fhaily: It's amazing
(2023-01-20) Social Seed: Works amazingly!
(2023-01-11) Louis Bentot: I was work until today. Nothing happen when I click on an action inside the plug-in :(
(2022-12-31) Дмирий Хижняк: Крутая штука, только у меня заработала через VPN. Без VPN ничего не происходит в figma.
(2022-12-23) Llamacorn: some icon not exported and sometimes its not downloading the file...
(2022-12-02) Ajay Bhoj: Game Changer
(2022-11-29) RAON: Even though I click the button, nothing happens.. Please tell me how to solve this problem
(2022-11-28) Melissa Hermes: I couldn't live without this! What an amazing extension!
(2022-11-27) Reality Chang: doesn't work click and nothing happen?
(2022-11-24) Used to work perfectly up until today. Du to the latest update the plug-in isn't working no more when I click on any button.
(2022-11-23) Pamela Avendaño: I'm a changed person after using this plugin. I don't know how it is possible to make the conversion to a figma file but damn that this is a time saver. Recommending this anf figma's plugin to my designer friends, awesome work!!
(2022-11-18) Vincent De Landtsheer: Doesn't do anything when I click on the extension...
(2022-11-16) Pierre Sudre: Awesome
(2022-11-16) ВЭД АНАЛИТИКА: рабочтает реально лучше чем предыдущай прога
(2022-11-14) edgar andriasyan: does it's job really well, some errors can be found, but the amount of benefit you're getting from this is just awesome, and its free!
(2022-11-14) Art Garcia: I want everyone to know this plugin is extremely useful and well built. On top of this, there is ZERO barrier to actually using such a design-changing plugin. While designing may often take a very long time - especially when onboarding users to your site, or suite of products, any web-based application can now down assessed in minutes! Think about the time you are saving by allowing designers (UX and UI) to breakdown what is being built and how the development team decided to build it that way. I see great uses and application for this technology, especially in an enterprise space. Keep up the amazing work team!
(2022-11-14) Mathanraj S: It's amazing I really love it. Its saves lots of time for us.
(2022-11-14) Hassan Fuad: So far so good, just icon is not exported, other is fine

Statistics

Installs

300,000

Links

Extension in store

Developer e-mail