暗色模式
AI 与智能体
MasterGo 提供三套 AI 工具协同工作：
- AI 设计助手：画布内的自然语言设计助手，可生成设计稿、调整所选区域并生成图片素材
- AI 快搭：左侧导航栏的页面搭建工具，输入需求即可生成完整页面和 Vue/React 代码
- MCP Server：通过 MCP 协议连接外部 AI 编码工具，读取设计文件数据
AI 功能需要开通
AI 功能需要企业管理员在后台开启，AI 设计助手和 AI 快搭消耗积分，MCP Server 不消耗。详见AI 积分说明。
三工具对比
| AI 设计助手 | AI 快搭 | MCP Server | |
|---|---|---|---|
| 入口 | 编辑面板中的「AI 设计助手」 | 左侧栏「AI 快搭」 | 外部工具 MCP 配置 |
| 交互方式 | 输入需求 → 生成 | 输入需求 → 选择规范 → 生成 | MCP 协议 → 自动查询 |
| 能修改画布 | ✅ | ❌ | ❌ |
| 输出代码 | ❌ | ✅ Vue/React | ✅ 结构化数据 |
| 设计系统 | 自由绘制 或 选择组件库生成 | 支持 design.md 等配置 | — |
| 消耗积分 | ✅ | ✅ | ❌ |
能力矩阵
下表列出 MasterGo AI 的核心能力及每种能力支持的实现方式：
| 能力 | AI 设计助手 | AI 快搭 | MCP Server |
|---|---|---|---|
| 新建设计稿 | ✅ | ✅ | ✅ |
| 编辑选中画布内容 | ✅ | ✅ | ✅ |
| 生成图片素材 | ✅ | ✅ | ✅ |
| 截图参考生成 | ✅ | ✅ | ✅ |
| 读取设计数据 | ✅ | — | ✅ |
| 前端代码生成 | — | ✅ | — |
说明：图片生成会将生成的图片素材添加到当前画布。图片编辑和图层拆分能力是否可用，取决于当前环境启用的图像工具。
本章内容
入门与总览
- MasterGo AI 能力总览 — 各功能详细说明与适用场景
- AI 快搭 — 左侧栏页面搭建工具完整指南
- AI 设计助手 — 生成页面、编辑选中内容和生成图片素材
- 让 AI 更好理解你的设计系统 — 设计系统最佳实践
AI 快搭
- 新快搭 — 以项目为单位搭建和迭代多页面产品原型
- AI 快搭－质量优先模式 — 先理解需求和设计规范，再生成页面
AI 设计助手
- 生成设计稿 — 通过自由绘制或组件库生成新页面
- 局部修改 — 对选中的画布内容提出修改要求
- 生成与处理图片 — 生成图片素材，以及在工具可用时编辑或拆分图片
- 浮窗模式 — 调整侧栏位置，了解紧凑、放大和迷你状态
MCP Server
其他
- AI 积分说明 — 积分规则、套餐购买、计费管理
- MasterGo AI 积分体系升级公告 — 2026 年积分体系升级说明与历史积分兑换规则
- MasterGo AI 使用须知 — 服务订阅、Credits 使用与退订规则
- AI 功能常见问题 — 高频问题解答