Convert any website into
fully editable Figma designs

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

Install the plugin

800000+

Users

6000000+

webpages imported

Get any webpage into Figma in just 3 steps

1

Install the plugin

screenshot of the story.to.design plugin showing the field where to paste your Storybook link to connect to it

2

Enter the webpage to import

screenshot of the story.to.design plugin showing the list of the components found in the provided Storybook, with some selected for import

3

Click on Import

screenshot of Figma with the UI kit result from the import

4

Edit anything and everything

We have a Chrome extension too!

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.

Import exactly what you see online into Figma!
Install Chrome extension
Works on all Chromium-based browsers like Chrome, Edge, Arc, Brave, Opera or Vivaldi.

Boost your design process

A card component with all layers highlighted and auto-layout showing.

Save time on redesigns

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

screenshot showing an icon button component and its searchbox sub component

Improve collaboration

html.to.design 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.

hand pointer over a button labelled 'Primary'

Extract design assets easily

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

A set of 2 style-guides with two different styles.

It’s not just for designers!

The best part? No design skills required! Whether you’re just starting out with Figma, or you’re a developer who needs a website’s design assets... You don’t need to be a seasoned designer to use html.to.design.