MasterGo AI配置实现设计稿格式转换的方法

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 直接重绘图层，完全无需调整底层模型。

你是一名 AI 行业编辑，请围绕下面这条热点输出一份资讯解读：
热点：MasterGo AI配置实现设计稿格式转换的方法要求：
1. 先用一句话解释这条热点在讲什么
2. 再总结它为什么重要
3. 说明会影响哪些 AI 产品或内容方向
4. 最后给出 3 个适合资讯站使用的标题