DemoWay MCP Server 使用手册

为什么需要 DemoWay MCP Server

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

事实上，你想要的页面，在现实中往往已经存在参考对象（这也是 DemoWay 的 HTML to Figma/MasterGo/Pixso 系列插件很受欢迎的缘故），完美的应该方式是：

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

DemoWay MCP Server 帮你做到这一点。它提供了全球独一无二的能力：将任意 Web 软件里一个操作流程中的所有页面和交互提供给 AI 大模型，让 AI 按你的要求对他们做修改，甚至批量修改，从而生成你想要的页面设计或前端代码

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

注意

1. 各种 AI 生成设计的工具，包括 Cursor、Trae、Cline、Claude，生成的所谓设计稿，都是网页
2. 最终生成的网页代码，一般不可以直接发布使用，它只是以网页形式存在的“设计稿”
3. 如果需要继续编辑调整可以使用 HTML to MasterGo/Pixso、HTML to Figma 导入为设计稿，然后再继续调整

内测申请

目前 DemoWay MCP Server 处于内测阶段，如果你想体验 DemoWay MCP Server 的能力，你需要先申请内测。申请通过后，我们会给您开通权限并加您进内测群。

申请加入内测

快速开始

1. 安装与配置

只需 2 分钟，轻松录制并导入你的第一个页面

2. 录制需要修改的页面

选取并录制一个组件

3. 在 Cursor 中利用 AI 修改页面

在 Cursor 中使用 DemoWay MCP Server 获取页面，并利用 AI 修改它们

4. 导入到设计软件里继续调整

将 AI 修改后的页面导入到 Figma/MasterGo/Pixso 里继续修改