暗色模式
MasterGo AI 能力总览
MasterGo AI 有三套工具协同工作:AI 设计助手(右侧面板,对话式 AI Agent)、AI 快搭(左侧栏,页面一键搭建)、MCP Server(外部连接,AI 编码工具读取设计文件)。
设计生成
| 能力 | 说明 | 可用工具 |
|---|---|---|
| 文本生成 UI | 描述 → 生成可编辑设计图层 | AI 设计助手(Agent 模式)、AI 快搭 |
| 完整页面搭建 | 详细需求 → 多区块完整页面 + 代码 | AI 快搭(支持设计系统匹配,输出 Vue/React 代码) |
| 图片填充 | 选中区域 + 文字描述 → AI 生成填充图 | AI 设计助手 |
| 图片处理 | 对选中图片进行风格化、抠图或扩图 | AI 设计助手 |
| 截图参考生成 | 上传截图 → AI 仿制页面 | AI 快搭 |
内容处理
| 能力 | 说明 | 可用工具 |
|---|---|---|
| 图表生成 | 数据描述 → 可视化图表 | AI 设计助手 |
| SVG 图标生成 | 文字描述 → SVG 矢量图标 | AI 设计助手;图标导出后也可通过 MCP Server 传递 |
| 文本批量处理 | 翻译、改写、格式化文本 | AI 设计助手 |
| 图层批量重命名 | 语义化批量命名 | AI 设计助手 |
设计管理
| 能力 | 说明 | 可用工具 |
|---|---|---|
| 设计规范生成 | 自动提取颜色/文本/效果等设计 Token | AI 设计助手 |
| 风格检查 | 对比已发布规范,标记不一致 | AI 设计助手 |
| 设计系统匹配 | AI 按指定团队库或 design.md 生成 | AI 设计助手、AI 快搭 |
智能连接
| 能力 | 说明 | 可用工具 |
|---|---|---|
| 读取设计文件数据 | AI 编码工具获取图层树、样式、变量 | MCP Server |
| 获取 SVG 代码 | 导出图层矢量代码 | MCP Server |
| 获取文本内容 | 提取大段文案 | MCP Server |
| 获取组件链接 | 查询组件对应的代码仓库文档 | MCP Server |
| 前端代码生成 | 页面生成后导出 Vue/React 代码 | AI 快搭 |