Import from AI tools

Import from AI using the browser extension

The html.to.design browser extension allows you to import previews generated by AI tools directly from your browser. You can capture a design preview without deploying the generated code to a live URL.

The browser extension supports the following AI tools:

The list is constantly growing, so if you use an AI tool that is not listed here, please let us know via the Discord community.

Example

Here is a short video showing how to import a design preview generated by Figma Make using the html.to.design browser extension:

Import HTML code from AI

If all you have is the HTML code, you can also import it to Figma layers with the html.to.design plugin.

There are two methods:

Option A: Paste your HTML code in the Editor tab.

Option B: Upload or drop a .zip file with your code in the File tab. This method if preferred if you’re importing from Google Stitch to Figma, for example.