‹div›RIOTS logo

Introducing html.to.make - The faster way to prototype your next feature.

Starting from a blank page is hard — even when you’ve got AI on your side. That’s why we built html.to.make, an online converter that transforms any live website into a .make file.

Instead of prompting Figma Make from an image, you can now have pixel perfect results by bootstrapping your project from a real website. From there, Figma’s AI-powered vibe coding takes over — letting you explore new ideas with natural language prompts.

What is html.to.make?

html.to.make is the simplest way to bring any website into Figma Make, Figma’s new AI prototyping tool. Drop in a URL, download the generated .make file, and import it straight into Figma. You’ll instantly have a fully editable prototype to use as the foundation for your Make experiments.

Whether you’re redesigning your current site, testing new features for an app, or just looking for inspiration, html.to.make helps you jump right into an existing website as a base.

How it works

  • Go to html.to.make
  • Enter the URL of the site you want to use
  • Click Download Figma Make file
  • Open the Figma app → file browser
  • Drop the .make file anywhere to import and open it

Now you’ve got an editable website ready inside Figma Make — perfect for prototyping with AI.

Download Figma Make file button

Why use html.to.make to bootstrap your Figma Make project?

💯 Get a pixel perfect result of your website

Import your site exactly as it appears online: no blurry screenshots, no lost details. html.to.make preserves layout, fonts, and styles for a true-to-original Figma Make project.

🪙 Save time and save on tokens

By starting from a real website, you minimize the number of AI prompts and tokens needed to build the base of your prototype. This means faster results and lower costs when using Figma Make’s AI features.

💡 Prototype new features fast

Take your website or your webapp and extend it with new screens or new features directly in Make.

👆 Get immediate feedback from your stakeholders

Share your Make prototypes with your team or clients to get feedback on new ideas before investing in development.

🧠 Unlock AI-powered ideas

Leverage Figma Make’s AI features on real content to generate inspirations for you.

Try it today

html.to.make is the easiest way to combine the website you already have with the AI superpowers of Figma Make. Whether you’re exploring vibe coding for the first time or a pro looking for shortcuts, this tool helps you move faster.

👉 Give it a try over at https://divRIOTS.com/html.to.make and turn any website into your next AI-powered prototype.