Convert any Webpage into fully editable figma design. Requires the figma plugin with the same name.
HTML to Figma — Import Webpages to Figma Extension
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.
Source Manifest.json
Similar Extensions
Enable UI3 Beta for Figma 462 36 ★ 108KiB
Figma 462 27 ★ 1.36MiB
Markflow: Copy Elements to Figma, React, etc. 462 4 ★ 1.6MiB
Designer Daily Report 462 383 ★ 65.9KiB
HTML to Figma - by Builder.io 462 46 ★ 343KiB
Page to design 462 0 ★ 134KiB
HTML to Framer 462 38 ★ 35.35KiB
Codia AI Web2Figma: Import Web to Editable Figma 462 0 ★ 657KiB
HTML to React & Figma by Magic Patterns 462 10 ★ 392KiB
Web to Figma 462 12 ★ 945KiB
Drafito 462 0 ★ 584KiB
Element to Figma 462 1 ★ 197KiB
html.to.design 462 72 ★ 333KiB
HTML to Figma - by DemoWay (Pixel-Perfect Web to Figma Design) 462 9 ★ 9.59MiB
PageRip (HTML + CSS Extract) 462 54 ★ 434KiB
Panda Helper 462 3 ★ 14.44KiB
Hover inspector like in Zeplin , Figma 462 29 ★ 122KiB
SVG Gobbler 462 95 ★ 1.18MiB
Site Palette 462 344 ★ 297KiB
Pixelay for Figma 462 4 ★ 391KiB
Hoverify 462 145 ★ 14.54MiB
benchmark.design 462 9 ★ 48.6KiB
copy-figma-css 462 3 ★ 153KiB
SaveToFigma Clipper 462 3 ★ 333KiB