CRX id
ldnheaepmnmbjjjahokphckbpgciiaed
ldnheaepmnmbjjjahokphckbpgciiaed
Description from extension meta
Convert any website into fully editable Figma designs. Requires the associated Figma plugin!
Image from store
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) Dimella X: Крутая штука, только у меня заработала через 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
Latest issues
- (2023-10-26, v:0.0.64) Ntlantla Mabindisa: FIGMA
how can I get HTML plugin? - (2023-10-03, v:0.0.60) Niklas Cosmann: localhost
Unfortunately it is not possible to use the Chrome plugin on a localhost Websites. However, as we are currently developing a new website, it would help a lot tobe able to extract files form here too. - (2023-09-18, v:0.0.57) צוף שרון: I want to purchase the plugin and it asks me for promo code. Where can I get it? I can't find it
I want to purchase the plugin and it asks me for promo code. Where can I get it? I can't find it - (2023-08-25, v:0.0.56) emmy ugwuoti: Sites not exporting and now counting towards my free imports
Ive tried everything even using the extension. Nothing imports and when i cancel it counts towards my free imports. please help - (2023-07-23, v:0.0.51) Milford Work: Extention doesn't work
I get the following error: cannot access a chrome-extension // url of different extension What could be the issue? - (2023-06-12, v:0.0.45) Anja Wagner: html.to.design does not export/import correctly
Hello, I use the extension (Pro variant) to create variants for A/B tests in Figma and pass them to the developers. Since a few days the files that the extension pulls are incorrect. Backgrounds and images are missing, elements can not be moved to the background and so on. Does anyone here also have these problems or know what I need to do to make it work again? I use a Mac Book and Chrome as my browser. - (2023-06-02, v:0.0.42) Amit Pal: Can't open the h2d in figma
I tried to open the downloaded h2d file in figma but it keeps saying "unsupported file" - (2023-04-18, v:0.0.31) Degi Karayev: subscription
Hi there I've just paid, but got no clue how to manage my subscription. Please advise. Degi - (2023-03-24, v:0.0.27) Shailesh Nakrani: can not access a chrome-extension:// URL of different extension
when i try to download full page via chrome extension show me that error "an error occurred during html.to.design conversion: can not access a chrome-extension:// URL of different extension" - (2023-02-16, v:0.0.25) Donnie Drake: Figma Plugin Down
The Figma plugin is down and the direct URL to html.to.design for Figma is presenting a 404 error. This has been attempted through different browsers, accounts, and computers, so i'm not able to narrow in on any user-error trouble shooting. Is the plugin down or has it been pulled from Figma? - (2023-02-13, v:0.0.25) Victor Fonseca: Can't install
I'm having a problem trying to install this extension. I click "Add to chrome" and it says "Checking" for a few minutes, and then it just gives me an error saying to try again. Erro details says "Image decode failed". - (2023-01-24, v:0.0.22) Amy Highland: Does not work with Demo themes
Hey! I'm a premium user (my figma account is a slightly different email address). I'm not to sure on a couple of thing; how to I access premium support, how do I do feature requests. The main problem I have is that I can't import from a Shopify Demo theme. We are a Shopify agency. We mock up sites in Figma based on a theme and the clients' branding before purchasing the theme and developing. At the moment we have to hand craft each page in the designs for each theme as importing your tool seems blocked by the popup bar so doesn't import the full page - (2023-01-20, v:0.0.1) Alexei Boronnikov: Doesn't work in ARC
hey guys! thanks a lot for the plugin! unfortunately it doesn't work in Arc Browser, i does nothing when clicked, Thanks!