html.to.design

html.to.design

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

What is html.to.design?
'html.to.design' is a powerful Chrome extension that transforms any website into editable Figma designs. This tool can even convert private webpages behind a log-in. It works in conjunction with the html.to.design Figma plugin and extracts a webpage's HTML, which can be imported into Figma for designed. Ideal for designers seeking to leverage an existing design or layout. Note that the extension requires the associated Figma plugin.
Merlin
Stats
Users: 200,000+
Version: 0.0.110 (Last updated: 2024-04-24)
Creation date: 2022-11-13
Risk impact: High risk impact
Risk likelihood: Moderate risk likelihood
Manifest version: 3
Permissions:
  • activeTab
  • scripting
  • debugger
  • downloads
  • storage
  • webNavigation
Host permissions:
  • *://*/*
Size: 248.83K
Stats date:

Other platforms

Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.
Chrome-Stats extension
Merlin
Summary

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.

See more
User reviews
User reviews summary
These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • Great customer support
  • Saves time
  • Free to use
  • Useful for client projects
Cons
  • Works intermittently or not at all
  • Limited to desktop size
  • Errors and issues with conversion
Most mentioned
  • Intermittent functionality
  • Errors during conversion process
  • Limited to desktop size
Recent reviews
Fantastic Figma Plugin / Google Extension! If you're a Figma user, this is a must have, secret weapon plugin/extension. This has saved me hundreds of hours of time when needed to re-create an existing web/app page. When I came across a small problem, support was responsive and it was fixed within the week. (P.S. I have the paid version and it's worth every penny.)
by Angy Brooks Angy Brooks, 2024-04-17

Well executed plugin, and when I hit an edge case, their customer support on Discord was super helpful and responsive. Thanks Greg!
by Arthur Shwab Arthur Shwab, 2024-04-09

by riya guttennavar riya guttennavar, 2024-03-14
View all user reviews
Safety
Risk impact

html.to.design is risky to use as it requires a number of sensitive permissions that can potentially harm your browser and steal your data. Exercise caution when installing this extension. Review carefully before installing. We recommend that you only install html.to.design if you trust the publisher.

Risk likelihood

html.to.design is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this extension.

Upgrade to see risk analysis details
Screenshots
Promo images
html.to.design small promo image
Small promo image
Similar extensions

Here are some Chrome extensions that are similar to html.to.design: