Webpages to Figma — Import Webpages to Figma designs

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

2000+ componentsPixel-perfect captureLight and Dark themesmultiple viewport sizes➤Save time on redesignsRecreating 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 collaborationWebpages 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 easilyWebpages 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-GBGo to any website in your Chrome BrowserInvoke the extension, and then choose if you want to capture the entire page or a single componentOnce the extension captures the page, save and download the page/component dataGo to Figma and run the pluginUpload the data you just downloadedThe plugin automatically converts the data into a figma design.