← Back to Discover

html.to.make

html.to.make turns an existing website address into a downloadable Figma Make file.

UI design
Visit website ↗

What it does

html.to.make is made by ‹div›RIOTS. You enter a website address and choose a viewport. The tool then generates a Figma Make file for you to download. To use the file, open Figma and go to Figma's file browser. Then drag and drop the .make file into it. The goal is to bootstrap your Figma Make file from an existing website so you can start prototyping your next feature.

Capabilities

  • Viewport choices are Desktop at 1440px, Tablet at 1024px (marked Recommended) and Mobile at 390px.
  • For a private page behind a login, the html.to.design browser extension generates the Figma Make file straight from the page you are viewing.

When to use it

  • You want to start prototyping your next feature from an existing website.
  • You need a Figma Make file from a private page behind a login.