MasterGo AI 的配置并非传统意义上的“参数调节”,而是通过内置的两种智能模式(Agent 模式和 Chat 模式),搭配外部协议(MCP)或插件(如 html-to-mastergo),实现设计稿与代码之间的双向互通。关键不在于调整 AI 参数,而在于选对转换路径、配置好权限与工具链。接下来详细说明配置要点。

明确你的转换方向
MasterGo 支持两大转换方向,方向一旦选错,后续配置再细致也无济于事:
- 设计稿 → 代码:通过 MCP 协议让 Cursor、TRAECN 等 AI 工具读取画布上的 DSL 数据,进而生成 HTML/React/Vue 代码。此方向需要企业版权限、生成 Personal Access Token,并安装 magic-mcp 包。
- HTML/网页 → 设计稿:使用 MasterGo 最新插件 html-to-mastergo,直接导入本地 HTML 文件或捕获当前网页,将其转变为可编辑的图层。该方向无需 Token,只需在插件市场启用插件即可。
走「设计稿转代码」必须配置好这三项
这是真正需要“配置”的场景,核心是让 AI 工具安全、结构化地读取设计数据:
- 账号权限达标:必须为企业空间成员(非访客),且对目标设计稿拥有「查看」或「编辑」权限。个人免费版不支持 MCP 协议。
- 生成并填入 Token:在 MasterGo「个人设置 → 安全设置」中创建 Personal Access Token,复制后填入 Cursor 的
mcp.json配置文件,替换mg_token占位符。 - 环境兼容性检查:确保系统已安装 Node.js ≥ v18,并能访问 npmjs.org;Windows 用户建议使用 CMD 运行,避免 PowerShell 权限问题。
走「HTML 转设计稿」只需两步即可启动
相比之下,这条路径更加轻快,非常适合前端快速交付原型给设计师:
- 安装插件:打开 MasterGo 插件市场,搜索并启用 html-to-mastergo(注意不是第三方同名插件)。
- 执行转换:在浏览器中打开 HTML 页面 → 点击插件图标 → 选择「捕获当前页」→ 自动跳转到 MasterGo 新建画布,保留 DOM 结构与基础样式(如 flex 布局、字体大小、颜色值)。
AI 助手本身无需额外训练或微调
MasterGo 内置的 AI 功能(如“AI 生成界面”)开箱即用,用户无需配置模型参数:
- 输入自然语言描述(例如:“后台管理首页,含顶部导航、左侧菜单、右侧数据看板”),AI 会自动匹配组件库(Ant Design / Element UI 等)生成高保真稿。
- 局部修改只需通过对话完成,比如选中按钮后输入“改成圆角 12px,背景色 #007AFF”,AI 直接重绘图层,完全无需调整底层模型。
