Seamless integration with your AI design tool
Once Refore Make Enterprise is enabled, the result page that opens after the browser extension finishes capturing will — in addition to letting users download the file and get the converted page URL — show one extra button. Clicking it takes the user straight to your AI design tool page.
The link it jumps to carries an import parameter whose value is a JSON containing the page URLs (multiple pages are supported too; see the field notes and code sample below for the exact format). Once you’ve downloaded all the HTML files from those URLs, you can import them into your AI design tool as the first version of the AI design.
URL parameter fields
| Field | Type | Description |
|---|---|---|
| import | string | Its value is a temporary URL; a GET request to it returns a JSON string |
Example:
https://your-ai-tool-domain.ai/your-path?import=https://s.refore.ai/s/k23zlaboFields of the JSON returned via the import parameter
| Field | Type | Description |
|---|---|---|
| name | string | The title of the first page the user captured |
| urls | string[] | An array of converted page links — one link per page, each mapping to one HTML file |
Example:
{ "name": "Product prototyping AI toolchain - Refore AI design", "urls": [ "https://cdn.reforeai.com/pretty-html/t/faad0be065/Original/cmfdf4ezv001ql1uraitz4yf3.html?q-sign-algorithm=sha1&q-ak=AKIDtkaM379xoW1GG0UmqfJitrZ3vaEtU2Ty&q-sign-time=1757477257;1757563657&q-key-time=1757477257;1757563657&q-header-list=host&q-url-param-list=&q-signature=3c8b853d63e45111892beb4806a715a87bc35757" ]}Code sample
Suppose https://your-ai-tool-domain.ai/your-path is the redirect address your AI design tool provides to Refore Make. Then the link Refore Make jumps to on your side looks roughly like this:
https://your-ai-tool-domain.ai/your-path?import=https://s.refore.ai/s/k23zlaboWith the code below you can fetch the HTML of every page:
const params = new URLSearchParams(location.search); // read all GET params of the current URLfetch(params.get('import')) .then((res) => res.json()) .then((json) => { return Promise.all(json.urls.map((url) => fetch(url).then((res) => res.text()))); }) .then((htmls) => { console.log(htmls); });