html.
to.
design

Convert any website into
fully editable Figma designs
Frame
375 × 812
Trusted by great companies

How to run the plugin

Import websites into Figma to iterate, redesign, benchmark and more; without building each element from scratch.

1 ⎯ LAUNCH THE PLUGIN

image

2 ⎯ PASTE THE URL

image

3 ⎯ CLICK ON IMPORT

image

Import directly from your browser ⎯ Chrome Extension

Need a webpage that's behind a log-in, on a private network, or a specific page state? We have a Chrome extension for that.
Import exactly what you see online into Figma! Works on all Chromium-based browsers like Chrome, Edge, Arc, Brave, Opera or Vivaldi.
image 3
Free
per user/month
Up to 10 imports every 30 days
Top features :
Import via URL
Import via Chrome extension
Multiple viewports
Dark/light themes
Download missing fonts
Discord support
Launch the plugin
Pro
per user/month
All Free features plus ...
Top features :
Unlimited imports
High-resolution images
Bulk imports
Re-import shortcut
Premium support
Launch the plugin
Pro for teams
per user/month
All Pro features plus ... Subscribe

Capture

Scrap a website to import missing design assets for ongoing projects.
image 42
image 39
image 40
image 38
Import
Editor Copy/paste your HTML code
Screenshot 2025-05-06 at 18.27.31 1
image 8

Connect via MCP

Use AI (with MCP) to bootstrap your work or get inspirations

Redesign

Redesign an existing website, without building a single thing from scratch.
image 6

Auto layout

Imports websites with advanced auto layout
image 47

Prototype

Automatically generate components with all variants for hover effects.
image

Auto layout

Import any webpage in both light and dark modes
image 47

Multi-viewport

Import webpages in desktop, tablet and mobile device sizes for a multi-viewport range
image

What people are saying

image
Julie Chabin
This is one of the best design help tools I've encountered. It has saved me hours of time
trying to create templates from scratch.
image
Alan Karakus
As a product designer, it makes my work much faster. It's perfect for making a quick and professional MVP.
Frame 64
Aditi Sinha
I've been using this for a couple of weeks, and it saves soooo much time. Being able to "import" private web pages is also a big plus.
image
Matt Carroll
I love this tool so much!! I saved a sh*t ton of time, and was able to use the time I do have with my designer so much more efficiently. seriously psyched!
image
Anthony A. McKenzie
Very cool product, love how easy it is to import into Figma and start working right away on the website redesign.
image
Alexandre Mouriec
My new favorite tool! 🤩 So easy to make new design elements in Figma, and the Chrome extension is especially useful for private pages!
image
Angy Brooks
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.)
image
Anastasiia K
The idea of the product is great and the product itself can save a lot of time when working on own website designs.
image
Nhlangano Chabalala
The absolute best Figma plugin.
image
Arthur Shwab
Well executed plugin, and when I hit an edge case, their customer support on Discord was super helpful and responsive. Thanks Greg!
image
Callen Hedglen
Saves SO MUCH time! Essential plugin.

html.
to.
design

Convert any website into
fully editable Figma designs

Frame
375 × 812

Trusted by great companies

How to run the plugin

Import websites into Figma to iterate, redesign, benchmark and more; without building each element from scratch.

1 ⎯ LAUNCH THE PLUGIN

image

2 ⎯ PASTE THE URL

image

3 ⎯ CLICK ON IMPORT

image

Import directly from your browser ⎯ Chrome Extension

Need a webpage that's behind a log-in, on a private network, or a specific page state? We have a Chrome extension for that.
Import exactly what you see online into Figma! Works on all Chromium-based browsers like Chrome, Edge, Arc, Brave, Opera or Vivaldi.
image 3
Free
per user/month
Up to 10 imports every 30 days
Top features :
Import via URL
Import via Chrome extension
Multiple viewports
Dark/light themes
Download missing fonts
Discord support
Launch the plugin
Pro
per user/month
All Free features plus ...
Top features :
Unlimited imports
High-resolution images
Bulk imports
Re-import shortcut
Premium support
Launch the plugin
Pro for teams
per user/month
All Pro features plus ...
Top features :
Team management dashboard
Enterprise-ready billing
Subscribe

Capture

Scrap a website to import missing design assets for ongoing projects
image 42
image 39
image 40
image 38
Import

Editor

Copy/paste your HTML code
Screenshot 2025-05-06 at 18.27.31 1

Connect via MCP

Use AI (with MCP) to bootstrap your work or get inspirations
image 8

Redesign

Redesign an existing website, without building a single thing from scratch
image 6

Auto layout

Imports websites with advanced auto layout
image 47

Prototype

Automatically generate components with all variants for hover effects
image

Dark and light themes

Import any webpage in both light and dark modes
image 46

Multi-viewport

Import webpages in desktop, tablet and mobile device sizes for a multi-viewport range
image

What people are saying

image
Julie Chabin
This is one of the best design help tools I've encountered. It has saved me hours of time
trying to create templates from scratch.
image
Alan Karakus
As a product designer, it makes my work much faster. It's perfect for making a quick and professional MVP.
Frame 64
Aditi Sinha
I've been using this for a couple of weeks, and it saves soooo much time. Being able to "import" private web pages is also a big plus.
image
Matt Carroll
I love this tool so much!! I saved a sh*t ton of time, and was able to use the time I do have with my designer so much more efficiently. seriously psyched!
image
Anthony A. McKenzie
Very cool product, love how easy it is to import into Figma and start working right away on the website redesign.
image
Alexandre Mouriec
My new favorite tool! 🤩 So easy to make new design elements in Figma, and the Chrome extension is especially useful for private pages!
image
Angy Brooks
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.)
image
Anastasiia K
The idea of the product is great and the product itself can save a lot of time when working on own website designs.
image
Nhlangano Chabalala
The absolute best Figma plugin.
image
Arthur Shwab
Well executed plugin, and when I hit an edge case, their customer support on Discord was super helpful and responsive. Thanks Greg!
image
Callen Hedglen
Saves SO MUCH time! Essential plugin.
Made by

Menu
Guides
html.to.design © 2022-2025
Made
with