Convert any website into fully editable Figma designs. Leverage an existing website and import its html to Figma to start your own designs, without building each element from scratch.

Powered by story.to.design technology 🚀

How it works:

  1. Install this plugin, html.to.design

  2. On a blank Figma file, search for “html.to.design” under Plugins, or using cmd+/

  3. In your browser, open the website you want to convert and copy the URL

  4. Paste the URL into the plugin, select device and dimensions, and click ‘Import’ to convert html to Figma designs.

Why use html.to.design?

  • Use another website as inspiration for your own designs, without building everything from scratch
  • Redesign an old website
  • Compare a developed site to your original designs, without tedious screen capturing
  • Check a site’s visual accessibility in Figma
  • Join an existing project with missing designs and import them easily