Webpages to Figma — Import Webpages to Figma designs

About this plugin

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

➤Save time on redesigns

Recreating a site or building design elements from scratch can take hours. Webpages to Figma allows you to use any website as a base, with fully editable layers to turn into components or redesign into something else.

➤Improve collaboration

Webpages to Figma makes it easier to brainstorm with a website in an editable format. Your design team can change and move elements around to collaborate in real time.

➤Extract design assets easily

Webpages to Figma helps you extract design assets from any website, such as images and fonts, and will even create local Figma styles for you, automatically!

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.

Install the Webpages to Figma Chrome Extension from Chrome Web Store from here:

https://chromewebstore.google.com/detail/kkobkbhgkiochdjdadphhhpoipikoepd?authuser=0&hl=en-GB

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.