HTML to Figma — Import Webpages to Figma

SUMMARY

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.

The latest version of HTML to Figma — Import Webpages to Figma is available on the Chrome web and is currently being used by 361 active users. The initial version was launched on 2024-08-14.

HOW TO INSTALL HTML to Figma — Import Webpages to Figma FROM A CRX FILE

1. Download HTML to Figma — Import Webpages to Figma CRX file
2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to download the ZIP file instead
3. In the URL bar, go to chrome://extensions
4. Enable Developer mode

Ratings

USER REVIEWS (0)