登录

全球独家：每次都用 AI 从零生成页面？DemoWay MCP Server 邀您内测试用

2025-05-09 15:30:45

AI 生成设计稿每次都要从零开始很费劲？DemoWay MCP Server 让 AI 直接修改现有页面，省时省力还能批量处理，内测阶段免费使用

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

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

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

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

完美的应该方式是：

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

「解法：DemoWay MCP Server 」

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

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

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

「例子 1：修改 UI 风格 」

这是原页面：

通过 DemoWay MCP Server 将页面提供给 Curosr，要求修改为 shadcn 黑白风格后：

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

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

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

完整的 prompt 请参看 https://demoway.cn/docs/ai-proto/mcp/example（当然，如果要实际能用起来，需要先配置安装 DemoWay MCP Server）。

「DemoWay MCP Server 是如何做到的」

以下是典型的 DemoWay MCP Server 的使用流程

  1. 使用 DemoWay 插件录制现有的一个页面或者一个业务流程里的多个页面和操作。这个过程跟 HTML to Figma 浏览器插件或者 HTML to MasterGo/Pixso 浏览器插件很类似。事实上，他们都是基于相同的 DemoWay 的 AI-Demo 技术 —— 将网页上的 HTML 内容和操作像快照一样全部记录下来并能再以网页的形式回放出来。

  2. 录制成功后，会得到一个 DemoWay 的 AI-Demo 的一个地址，以及示例的 Prompt，您可以按您的需要做调整。

  3. 在 Cursor 等 AI 编辑器的 Agent 模式下， DemoWay MCP Server 提供了相关的 tools，AI 会将上面 prompt 里的网址所包含的所有页面都下载到本地电脑。

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

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

「邀您内测试用，免费」

DemoWay MCP Server 才刚刚推出没多久，很多细节还待打磨，我们诚邀您参与内测体验。

欢迎下列人士申请参与内测：

  • 产品经理、UI/UX 设计师、前端开发者等有 AI 设计需求的专业人士

  • 正在使用 HTML to Figma/MasterGo/Pixso 的用户

  • 有一定 MCP 使用经验的人士

同时，请知晓：

  • 各种 AI 生成设计的工具，包括 Cursor、Trae、Cline、Claude，生成的所谓设计稿，都是网页。最终生成的网页代码，一般不可以直接发布使用，它只是以网页形式存在的"设计稿"

  • 使用 Demoway MCP Server 需要有一定的动手能力。DemoWay MCP Server 需要配合 Cursor、Trae、Cline 等 AI 编辑器使用，并需要一定的配置过程。

  • DemoWay MCP Server 目前是内测阶段，我们会提供详细的教程指南，但使用过程中难免会有磕磕碰碰，我们有内测群帮你解答，但不代表您的所有问题都会得到解决。

  • 目前 AI 大模型处于早期阶段，哪怕有 Demoway MCP Server 提供现有的页面内容供 AI 做修改，AI 生成的结果都有相当的概率不符合您的预期。

「如何申请内测？」

添加服务经理企微，获得内测申请的表单，花 1~3 分钟时间填写即可，期待您的加入