不到5分钟补完3个设计页面
- ✓内容审核丨特工少女
昨天突然想做一个电影 Agent。
起因是 Tokendance 的 Minimax H3 限时免费，于是想顺手薅下羊毛。
结果做到一半，发现赶不上测了：剧本页定稿了，做完已经下午三四点了，但分镜页、提示词编辑页、输出预览页这三个页面还没动，而昨天的限时免费活动十二点就截止了。
正好这段时间在 WorkBuddy 里研究各种设计类专家和工具，突然想到：现在的 AI 设计工具能不能直接读懂已有页面的设计语言，然后在画布上把剩下的页面补出来？
注意，「在画布上」这个限定很关键：市面上能生成页面的 AI 工具基本都是一个套路：
你描述需求，它给你吐出一张图或者一段代码，然后你再想办法把这个东西搬回你的设计工具里，对齐格式，调整细节。
这个搬运的过程，有时候比从头画一遍其实还要累。
- ✓想要的效果是：AI 直接进入画布，读懂已有页面，沿用已确定的设计语言生成新页面，能即时看到结果，再接着往下迭代。
- ✓结果意外发现：团队的御用设计工具 MasterGo 最近升级了 MCP！——可以在 agent 里直接用。
在找了一圈 Agent 上的设计专家和 Skill 无果之后，MasterGo MCP 解决了问题，表现超出了预期。
AI 直接读写你的设计画布
先简单介绍下这款产品的背景。
MasterGo 是国内主流的产品设计工具，做界面设计、原型、设计系统管理。他们最近通过 MCP 协议把画布开放给了大模型：AI 可以直接在 MasterGo 画布上读内容、写内容。
- ✓如何理解呢？
读，就是 AI 能看到你画布上有什么，每个图层的结构、样式、位置关系它都能解析。
写，就是它能直接往画布上生成新的元素、修改已有的组件、调整布局。
这跟以前「AI 生成一张图片你自己贴过去」的体验完全不一样：你不用离开工作环境。
并且 MasterGo MCP 不挑 Agent、不挑模型，不需要绑定某个特定 AI 助手，手边顺手的就行。所以决定在比较流行的 WorkBuddy 和 Trae Work 里各跑一遍。
回到刚刚说的那个电影 Agent，我们开始正式实测。
在 WorkBuddy 里选豆包 hy3 作为模型，给了一段提示词：
先分析已有的剧本页的视觉规范，包括配色、字体层级、圆角、间距、组件样式，然后基于这套规范补充生成分镜页、提示词编辑页、输出预览页。
它先花了十几秒读取画布上已有的剧本页，然后输出了一段设计规范总结：
接着，它直接在 MasterGo 画布上生成了三个完整页面，配色统一，按钮样式跟原稿高度吻合。
- ✓比较惊喜的一个细节：提示词编辑页里的标签组件，圆角和内边距直接复用了剧本页的样式。
此外，整个过程仅仅只花了不到 5 分钟。
如果手动做这三个页面，按正常中级产品经理的速度至少要一个半小时。
- ✓第二个场景换了个方向：用一个数据看板来测试。
假定了一个短剧业务团队的日常沟通场景：数据看板里有个「月度营收趋势」折线图，评审会上老板说想看看换成柱状图或面积图的效果，还想对比深色模式下的观感。
这次切换到 TraeWork 作为 Agent，模型用了 Doubao-Seed-Evolving——一个字节推出的持续自迭代模型，想看看换了 Agent 和模型，体验会不会有明显差异。
- ✓提示词也只是一句话：
选中画布上那个折线图组件，替换为柱状图，再生成一个面积图放旁边对比，然后给这三种图表各做一个深色模式变体排在下方。
Trae Work 调用 MasterGo MCP 后，精准定位到了那个折线图组件，没有动页面里其他任何元素。然后依次生成了折线图，柱状图和面积图，三种图表并排展示，整体样式都完美的保持了一致。
- ✓深色模式处理得合理：背景换成深灰，数据色的饱和度调高了一档保证可读性，整体视觉语言跟浅色版一致。
整个过程只花了大概三分钟，两次测试换了不同的 Agent 和模型，结果质量都很稳定。
更关键的是，把这套能力装进 Agent，几乎不需要任何技术门槛：
在 WorkBuddy 里接入 MasterGo MCP 的流程很简单：
第一步，在 WorkBuddy 连接器中找到「MasterGo 莫高设计」，点击完成连接。
第二步，通过「去试试」按钮启动连接器，或者在新建任务时手动添加。
第三步，打开 MasterGo 桌面客户端（版本需要 ≥ 1.10.9），在里面连接 MCP（注意这一步，需要有 MasterGo 的设计席位或研发席位）。
第四步，回到 WorkBuddy 输入指令，开始使用。
如果我们想在 Trae Work 里用，配置也非常简单，主要是对接下 Mastergo MCP 的配置文档：
在 MCP 配置里粘贴官方提供的 MCP 配置就行，甚至你也可以把 Mastergo 的官方文档丢给 AI，直接让 AI 帮你配。
MasterGo MCP 改变了什么？
跑完这两个案例之后，一个很直观的感受是：
WorkBuddy 和 Trae Work 接入 MasterGo MCP 之后，在设计任务上的表现比只靠社区 Skill 靠谱得多。
这是因为，它真的能读懂你画布上已有的东西。
最近 WorkBuddy 很火，但它本质上是个调度框架：最终体验好不好，取决于它调用的模型和工具够不够专业。
我们之前写过一篇关于 MCP 的文章，里面说过：MCP 是个协议标准，模型能力是基础，但在垂直任务里，工具层的专业度同样关键。
MasterGo MCP 效果好，是因为他们把做了多年设计工具的经验塞进了 MCP 服务里：
怎么解析图层、怎么交互合理、甚至原型设计的审美都嵌入到其中，这些经验是 MasterGo 团队做了多年设计工具沉淀下来的判断，而通用的文件读写 MCP 或者 Skill 做不到这个颗粒度。
而换个角度看，MasterGo MCP 改变的是 AI 参与设计流程的方式。
MasterGo MCP 让 AI 进入了一个真实的、持续存在的工作环境：画布上已有的东西它能看到，它生成的东西也留在画布上，下一次操作可以基于上一次的结果继续迭代。
而「不挑 Agent、不挑模型」这件事能成立，前提是任务边界足够清楚。
在这个设计的垂类场景里，MasterGo MCP 提供了非常精准的能力：读取画布、生成组件、修改元素、提取规范。每个操作的输入输出都有清晰的定义。
在这种边界清晰的任务里，不同模型之间的差异会被压缩，因为工具层已经把大量专业判断内化了。
AI 设计工具正在走向哪里
- ✓最后聊一个观察到的趋势。
AI 设计工具正在从「帮你生成一个东西」变成「帮你干完一堆活」。
早期的 AI 设计产品，核心卖点是「帮你生成一个页面」。但生成出来之后呢？跟团队已有的设计系统对不上，跟前端的组件库对不上，跟产品经理的需求文档对不上。
它们往往是一个孤立的产物，没法融入公司级业务里的真实产研的协作流程。
而 MasterGo MCP 做的事情，是在你已有的工作环境里，帮你完成其中某一段具体的任务。补几个页面、换几种图表样式、提取设计规范生成代码。每一个动作的产出都能直接被下一个环节接住。
设计师补完页面，产品经理可以立刻评审；设计规范提取出来，开发也可以直接复制到项目里。
这才是 AI 工具真正有价值的地方：人类的下一步工作，Agent 接得上。
越来越觉得，在这类边界清晰、结果可验收的任务里，不同模型之间的差距会被工具层抹平：
当工具层足够强，当任务边界足够明确，用 hy3 还是用 Doubao-Seed-Evolving，用 WorkBuddy 还是用 Trae Work，结果差异会越来越小。
真正拉开差距的，是谁能把自己在垂直领域积累的专业经验，封装成 AI 能直接调用的能力。
从这角度看，MasterGo 在设计工具这个领域，已经走在最前面了：
如果你也在做设计相关的工作，或者你是需要跟设计师协作的产品经理和开发，建议去试试 MasterGo MCP：
你可以根据自己的习惯，选择接入它 MCP 的 Work Agent，然后让它变成你的专属产品设计师！
- •- 完 -
以上是「不到5分钟补完3个设计页面」的全部拆解。
我们是海口曦东科技 Nexus-AI 团队——专注把 AI 真正落进企业业务：从诊断、试点到验收陪跑，每一步交付都有书面验收单。
如果你也在研究某个 AI 能力怎么接进自己的业务，欢迎聊聊，我们已经把可落地的第一步整理好了。
