Why you need Refore Make

Every existing way to generate pages with AI has one problem

Today’s AI page-generation approaches all start from scratch. So no matter how long a prompt you write, and how much back-and-forth you go through, you still can’t get exactly the page you want — which wastes both your time and your tokens.

In reality, the page you want usually already has a reference out there (that’s exactly why the Refore HTML to Figma plugin is so popular). The ideal way is:

You just tell the AI: “change the xxxx page to look like yyyy”, or “change all the product titles across every page of xxxxx to randomly generated baby-and-maternity product names”, and the AI generates the pages accordingly.

Refore Make makes this possible

It gives you a capability unique in the world: it lets AI take a single page — or every page in a whole flow — of an existing product as the basis, and keep editing and generating new designs or frontend code on top of it.

That means AI is no longer guessing from thin air or working off a vague description; it edits and adjusts on the real, concrete page context you provide, which dramatically improves the precision and efficiency of AI-assisted design.

Note

1. Every AI design-generation tool — including Claude, Codex, and Cursor — produces “design drafts” that are really just web pages.
2. The generated web-page code generally can’t be published and used directly; it’s a “design draft” that happens to exist as a web page (unless you add the right prompts and also know how to adjust and use the generated frontend code).
3. If you need to keep editing, you can use the Refore HTML to Figma plugin to import it as a design draft and continue adjusting.