Import a Make project from the Make tab

AI is great at fast, bulk edits, but fine-tuning the styling details is more efficient in a design tool. Pages generated in Refore Make can be imported directly into Figma through the Make tab of the Refore HTML to Figma plugin.

Open the Refore HTML to Figma plugin

At the top of the Refore Make project editor, click the Import to Figma dropdown. A guide dialog pops up and takes you straight to the plugin’s marketplace page. Once you’ve installed/opened the plugin, switch to the Make tab to find this project.

Import into a design file from the Make tab

1. Open the Refore HTML to Figma plugin in Figma.
2. Switch to the Make tab at the top of the plugin.
3. After signing in, you’ll see the list of your Refore Make projects; find the one you want to import.
4. Click the project card and follow the prompts to finish importing. Multi-page projects are imported step by step, and each page uses one import credit.

Why you don’t need to download the HTML first

The Make tab pulls each project page’s HTML from the backend for you — no more manually downloading files, copying code, or pasting into the plugin. The import flow connects directly to the backend data, so even multi-page projects can be imported in order with one click.