HTML to Figma — Import Webpages to Figma icon

HTML to Figma — Import Webpages to Figma

Extension Actions

How to install Open in Chrome Web Store
CRX ID
kkobkbhgkiochdjdadphhhpoipikoepd
Description from extension meta

Convert any Webpage into fully editable figma design. Requires the figma plugin with the same name.

Image from store
HTML to Figma — Import Webpages to Figma
Description from store

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

2000+ components
Pixel-perfect capture
Light and Dark themes
multiple viewport sizes

This Chrome extension is a companion to the figma plugin with the same name, and you’ll need to install the Figma plugin first.

Install the Webpages to Figma Chrome Extension from Chrome Web Store
Go to any website in your Chrome Browser
Invoke the extension, and then choose if you want to capture the entire page or a single component
Once the extension captures the page, save and download the page/component data
Go to Figma and run the plugin
Upload the data you just downloaded
The plugin automatically converts the data into a figma design.

Latest reviews

Kunal Rathore
Doesn't work
Rob Grabowski
Nothing happens after the import reaches 100%. Maybe I'm missing something.
charlie s'
Easy to use, I like it very much!
Yating Zo
Great extension, very useful!
Rida Baars
not working at all.
Sheriyar S
Doesnt work.. no info on how it works!
Thomas Melcher
Does not work. Nothing happens after it reaches 100%.
Mohammad Farseen Manekhan
the extension doesn't work
Geraldine
good work