MasterGo

先说结论

MasterGo 是蓝湖旗下的在线协同设计工具——跟即时设计和 Pixso 一起被叫成国产 Figma 三剑客。但它跟即时设计的打法不一样——即时走的是个人免费零门槛路线，MasterGo 走的是大企业协作路线：50 人实时在线编辑、Figma 文件导入还原度三家里最高、AI 能力走的是「规范驱动」路线——你设定好设计系统里的颜色/字体/间距规范，AI 帮你检查和修正每一处不符合规范的地方，适合几十个设计师在一个项目上同时干活不会碰撞。2026 年最亮眼的新功能是 MCP 协议集成——以前的「设计稿→前端代码」过程要靠设计师手动标注，现在开发者在 Cursor 或 Claude Code 里直接把设计稿链接丢进去，AI 给你一个个像素对应生成 HTML+CSS+切图。这个打通直接干掉了设计到开发之间最耗时间的交接环节。个人版免费，企业版 ¥205/人/年起步。下面把最实用的三个工作流拆开。

MasterGo 跟即时设计、Pixso 怎么选

三款工具我都在不同项目里用过，用最粗暴的方式说区别：

• MasterGo（这款）：适合 10 人以上的大设计团队——多人同时编辑同一个文件的稳定性是最好的。AI 是规范驱动型——你先搭好设计系统（颜色、字体、间距、组件库），AI 帮你检查每一个页面有没有违反规范的地方。Figma 文件导入的还原度是三家里最高的——大文件迁移的首选。企业 ¥205/人/年起
• 即时设计：适合个人和小团队（2-5人）。个人永久免费无文件数限制。AI 一句话生成原型图——更偏创造性。「不想花钱找一个能用」的最佳选择
• Pixso：适合互联网敏捷团队，AI 生成视觉效果最佳，飞书钉钉深度嵌入

🔧 场景一：AI Agent 模式——一句话生成完整设计稿 + 智能修复

这是 MasterGo AI 最核心的功能。跟即时设计的「一句话出原型」不一样——MasterGo 的 Agent 模式要的不是创意型原型，是符合设计规范的生产级稿子。在动手之前需要先选好设计库：「自由绘制」——你描述需求，AI 帮你自由设计（适合探索阶段）；「预置团队库（如 Ant Design）」——AI 基于成熟设计系统框架来搭（适合快速出可用设计）；「自定义团队库」——你自己上了设计规范后，AI 严格在你的设计系统框架下运作（适合正式的设计交付）。

选好以后，在聊天框里描述需求：「做一个 SaaS 管理后台的仪表盘页面——顶部有全局导航栏，左侧有侧边栏菜单，中间主区域放数据概览卡片（总用户数、本月新增、活跃率、收入），卡片下面是近 30 天的折线图和用户分布柱状图，配色用蓝色系」。AI 不是给你 4 张不同的方案——它基于你的设计规范给你输出一套工程级的初版设计稿，帧结构、间距基线、颜色变量全部基于规范渲染。如果你在自己的设计库里让 AI 跑，它输出的稿子跟你团队其他设计师用手画的稿子在规范层面上是统一的。

初版出了以后——你可以选中任意图层让 AI 局部处理：「把这个按钮的颜色改成品牌蓝色#1890ff」「这张配图跟整体风格不搭，帮我生成一张更现代感的」。Agent 改完之后你可以当场精调。

AI 自动查错是最务实的杀手锏：你设计完一个几十页的 App——可以让 AI 全局扫一遍整个文件，自动标出不符合设计规范的图层：颜色变量用了但没绑定全局色板、字号不在系统字号表里、间距用了奇数而规范要求偶数。然后点一下「一键修复」——AI 把所有违规点批量修正到你定义的设计规范。这个功能对大团队的价值比 AI 生成本身更大——人工检查几十页设计稿的规范问题太耗时了。

🔧 场景二：设计到开发一键交付——不用再手动标注

设计师最痛苦的环节是交付——要把设计稿里的每一个元素的尺寸、颜色、字型、切图、标注写得清清楚楚给前端开发。传统做法是设计师花一两个小时标注完交出去，开发打开一看「这个间距到底是 12 还是 14」「这个颜色值是不是引用的全局变量」。来回拉扯。

MasterGo 的交付流程是自动化的一步到位。设计稿做完后进入「标注模式」：选择任意元素，右侧自动显示——宽高、坐标、字体和字号、CSS/iOS/Android 三平台的代码片段（不是那种「AI 帮你写的代码」，是直接从你的图层属性里提取的精确值）。所有切图一键批量导出——iOS @1x @2x @3x、Android xxhdpi/xhdpi、Web PNG 三种格式一次性全导出。全程不需要设计师手动操作——你在画布上放好的东西，在标注模式下自动生成给开发的交付包。

🔧 场景三：MCP 打通开发——设计师不用碰代码，开发者不用碰设计稿

这是 2026 年 MasterGo 最突破性的更新——对开发者比对设计师更有价值。以前的流程是：设计师画稿→导出标注→开发手动切图→写代码。有了 MCP（Model Context Protocol）之后变成：设计师画稿→固定在蓝湖/MasterGo 的链接→开发在 Cursor 或 Claude Code 里把链接贴进去→AI 自己读取设计稿里的所有图层信息、颜色变量、间距数据、切图资源→生成对应的 HTML + Tailwind CSS 代码。不是「大概像」这种水平——AI 是逐层读取设计稿原始数据的，生成的代码精确到像素级。

实操配置三步：

1. 在 npm 上安装 mcp-lanhu 包（npm install mcp-lanhu）
2. 获取蓝湖 Cookie——打开蓝湖网页 → F12 → Network → 找请求头里的 Cookie 字段 → 复制完整的值。填入 mcp-lanhu 的配置文件（.env）
3. 启动 MCP Server → 在 Cursor 或 Claude Code 的 MCP 设置里添加地址。完成后你在 IDE 里跟 AI 说「把蓝湖上这个设计稿链接转成 React 组件」，AI 自己去读设计稿、提取数据、写代码、顺便把切图也下载好了

这个流程对前端开发效率的提升是质变级的。以前看到的「AI 帮你做设计稿」是设计师端的提效——MCP 做的这条链路是开发和设计之间互相理解的最后一公里。

Figma 文件迁移——大团队的刚需

MasterGo 的 Figma 导入还原度是国产三家里最高的——这是很多企业从 Figma 迁过来的首要考虑。组件库（Components）、Instance（实例）、Auto Layout（自动布局）这三项最容易丢的地方，MasterGo 的还原度能做到比较高。多设计师在同一个文件里实时编辑的稳定性也是最好的——50 人同时在线不会假死。如果你是大团队、经常多人同时编辑同一个超大文件（几百个页面那种），这个稳定性优势比 AI 功能本身更重要。

价格

• 免费版 ¥0：基础设计和协作功能。不含 AI
• 团队版 ¥205/席/年（5人起）：含 MasterGo AI 1000 积分/席
• 企业版 PRO ¥385/席/年（10人起）：3000 积分/席，AI 全功能开放
• 私有部署：按需定制

注意：AI 功能只对企业版白名单用户开放，积分有有效期。购买前确认一下你们团队是否符合白名单准入条件。

* 信息更新于 2026-07

常见问题

Q: 和即时设计到底选哪个？

A: 你是个人设计师或 2-5 人小团队——永远选即时设计。你不花钱就能全功能用。你是一个大团队、多人同时编辑、需要最高 Figma 导入还原度——选 MasterGo。简单说就是规模不同选型不同。

Q: MCP 配置复杂吗？

A: 如果你会用命令行——三步就通：npm install、复制 Cookie、启动 Server。如果你不熟悉命令行——让你团队的前端开发帮忙配一下。

Q: AI 要额外掏钱吗？

A: 要。AI 功能不在免费版里，需要至少团队版 ¥205/人/年起步。而且需要企业账号+白名单准入——不是买了账号就能用。这个门槛对个人和小团队有点高。

基本信息