暗色模式
AI 与智能体
MasterGo 提供三套 AI 工具协同工作：
- AI 设计助手：右侧面板的对话式 AI Agent（快捷键
Option + 3），Agent 模式可编辑画布，Chat 模式只读咨询 - AI 快搭：左侧导航栏的页面搭建工具，输入需求即可生成完整页面和 Vue/React 代码
- MCP Server：通过 MCP 协议连接外部 AI 编码工具，读取设计文件数据
AI 功能需要开通
AI 功能需要企业管理员在后台开启，AI 设计助手和 AI 快搭消耗积分，MCP Server 不消耗。详见AI 积分说明。
三工具对比
| AI 设计助手 | AI 快搭 | MCP Server | |
|---|---|---|---|
| 入口 | 右侧面板 Option + 3 | 左侧栏「AI 快搭」 | 外部工具 MCP 配置 |
| 交互方式 | 对话式，Agent/Chat 双模式 | 输入需求 → 选择规范 → 生成 | MCP 协议 → 自动查询 |
| 能修改画布 | ✅ Agent 模式 | ❌ | ❌ |
| 输出代码 | ❌ | ✅ Vue/React | ✅ 结构化数据 |
| 设计规范匹配 | 指定团队库 | 自动匹配 design.md | — |
| 消耗积分 | ✅ | ✅ | ❌ |
能力矩阵
下表列出 MasterGo AI 的核心能力及每种能力支持的实现方式：
| 能力 | AI 设计助手 | AI 快搭 | MCP Server |
|---|---|---|---|
| 文本生成 UI | ✅ | ✅ | — |
| 完整页面搭建 | ✅ | ✅ | — |
| 截图参考生成 | — | ✅ | — |
| 图片填充与增强 | ✅ | — | — |
| SVG 图标生成 | ✅ | — | ✅ 导出 SVG |
| 图表生成 | ✅ | — | — |
| 批量处理文本 | ✅ | — | ✅ 读取文本 |
| 批量重命名图层 | ✅ | — | — |
| 设计规范生成 | ✅ | — | — |
| 风格检查 | ✅ | — | — |
| 读取设计数据 | — | — | ✅ |
| 前端代码生成 | — | ✅ | — |
本章内容
入门与总览
- MasterGo AI 能力总览 — 各功能详细说明与适用场景
- AI 快搭 — 左侧栏页面搭建工具完整指南
- AI 设计助手 — 对话生成和修改画布内容
- 让 AI 更好理解你的设计系统 — 设计系统最佳实践
AI 快搭
- 新快搭 — 以项目为单位搭建和迭代多页面产品原型
- AI 快搭－质量优先模式 — 先理解需求和设计规范，再生成页面
AI 设计助手
- 图片填充与处理 — 图片生成、风格化、抠图和扩图
- 生成 SVG 图标 — 根据描述生成可编辑的矢量图标
- 生成图表 — 根据数据和展示要求生成图表
- 处理文本 — 翻译、改写文本和修改文字属性
- 批量重命名图层 — 根据要求批量修改所选图层名称
- 生成设计规范 — 根据所选内容整理视觉规范
- 设计规范检查 — 按指定团队库检查所选图层
MCP Server
其他
- AI 积分说明 — 积分规则、套餐购买、计费管理
- MasterGo AI 积分体系升级公告 — 2026 年积分体系升级说明与历史积分兑换规则
- MasterGo AI 使用须知 — 服务订阅、Credits 使用与退订规则
- AI 功能常见问题 — 高频问题解答