mastergo ai 不需调参配置,而是通过agent/chat模式与mcp协议或html-to-mastergo插件实现设计与代码双向转换;需按路径正确配置权限、token及环境,ai生成界面功能开箱即用。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

MasterGo AI 本身不直接“配置 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,但需在 MasterGo 插件市场启用该插件。
走「设计稿转代码」必须配好的三项
这是真正需要“配置”的场景,核心是让 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 直接重绘图层,不涉及底层模型调整。











