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
Billed Annually

Free

$0

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
Billed Annually

Pro

$10

per user/month
Billed annually
All Free features plus ...
Billed Annually

Pro for teams

$10

per user/month
Billed annually
All Pro features plus ...

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
Angy Brooks
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.)
Frame 64
Name
“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
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
Sohail Ahmed
Goat plugin
image
Callen Hedglen
Saves SO MUCH time! Essential plugin.
image
Angy Brooks
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.)
Frame 64
Name
“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
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
Sohail Ahmed
Goat plugin
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
Billed Annually

Free

$0

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
Billed Annually

Pro

$10

per user/month
Billed annually
All Free features plus ...
Billed Annually

Pro for teams

$10

per user/month
Billed annually
All Pro features plus ...

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
Angy Brooks
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.)
Frame 64
Name
“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
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
Sohail Ahmed
Goat plugin
image
Callen Hedglen
Saves SO MUCH time! Essential plugin.
image
Angy Brooks
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.)
Frame 64
Name
“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
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
Sohail Ahmed
Goat plugin
image
Callen Hedglen
Saves SO MUCH time! Essential plugin.
Made by

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