全球独家：每次都用 AI 从零生成页面？邀您试用 Refore Web to AI

我们之前推送了一篇文章，介绍了如何用DemoWay 的 HTML to Figma/MasterGo 将 AI 生成的页面导入到 Figma/MasterGo：《大厂产品经理都在这么做：AI 生成设计稿，导入到 Figma/MG 接着编辑》，但这里其实有个很大的问题。

「问题：每次都从零开始」

现有的 AI 生成页面的方法，都有一个问题：都是从零开始生成。所以，哪怕写很长很长的 Prompt，加上来回对话调整，你都无法得到你想要的页面，这很浪费时间和 token。

事实上，你想要的页面，在现实中往往已经存在参考对象（这也是 Refore 的 HTML to Figma/MasterGo/Pixso 系列插件很受欢迎的缘故）。正如这用户跟我们提到的：

完美的应该方式是：

你只需要告诉 AI："把 xxxx 的页面改成 yyyy 的样子"，"把 xxxxx 的所有页面里的商品标题都改成随机生成的母婴产品名" 等，然后 AI 就能按照你的要求生成页面

「解法：Refore Web to AI 」

Refore Web to AI 帮你做到这一点。它提供了目前全球独家的能力：将现有的任意的一个操作流程里的所有页面提供给 AI 大模型（哪怕是需要登录的页面），让 AI 按你的要求对他们做修改，甚至批量修改，从而生成你想要的页面设计或业务流程。

这让 AI 不再是凭空猜测或基于模糊描述进行设计，而是能在你提供的真实、具体的页面上下文基础上，再进行修改和调整，从而显著提升 AI 辅助设计的精准度和效率。

简言之：Refore Web to AI 为你的 AI 设计流程提供更精确、充分的输入，因此也能得到更满意的效果。

「例子 1：修改 UI 风格 」

这是原页面：

通过 Refore Web to AI 将页面提供给 Curosr，要求修改为 shadcn 黑白风格后：

「例子 2：修改一个操作流程里所有的页面内容并添加一个新步骤」

修改前的有赞微商城测试店铺短信催付流程，第一页： 最后一页:

要求按照蒙牛牛奶的场景做内容调整，并在最后新增一个步骤，添加一个短信催付的弹框后：

「Refore Web to AI 是如何做到的」

以下是典型的使用流程

1. 使用 Refore Web to AI 浏览器插件录制现有的一个页面或者一个业务流程里的多个页面和操作。这个过程跟 HTML to Figma 浏览器插件或者 HTML to MasterGo/Pixso 浏览器插件很类似。

2. 录制完成后，会打开一个页面，等上十几秒，会显示页面转化成功：

3. 可以在上面的界面里拿到转化后的页面链接，把它复制出来，然后粘贴到 Cursor 里，再补充一些 prompt，让 AI 去修改。

4. 接着 AI 会根据您 Prompt 里的要求继续做相应更改。

5. 如果对 AI 修改结果不满意，可以以 Chat 的方式让 AI 继续调整，或者导入到 Figma 等设计软件里继续手动修改。参考：《大厂产品经理都在这么做：AI 生成设计稿，导入到 Figma/MG 接着编辑》