mastergo ai 不支持自动格式转换，其核心能力是根据文字描述、草图或原型生成高保真设计稿并导出代码；常用路径为输入需求→ai生成→插入画布→编辑优化；还可通过 html-to-mastergo 插件导入 html 或借助 mcp+cursor 实现设计与代码双向联动。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不提供“自动格式转换”功能，它不把设计稿转成其他格式（比如 PDF、Sketch 或 Figma 文件），也不把外部文件（如 Word、PPT）自动转成设计稿。它真正的核心能力是根据文字描述、草图或已有原型，直接生成高保真设计稿，并支持后续导出代码——这才是你实际需要的“自动转化”逻辑。
用 MasterGo AI 生成可编辑原型稿
这是最常用、最稳定的一条路径：输入需求 → AI 生成 → 插入画布 → 编辑优化。
- 登录 MasterGo 后，点击右上角【新建文件】，进入空白画布
- 点击顶部工具栏的【AI 图标】→ 选择【AI 生成界面】
- 在输入框中写清楚页面类型（网页/APP/后台）、结构模块（导航栏、轮播图、列表等）、风格关键词（主题色 #FA2549、圆角 8px、明暗模式）
- 回车后等待约 10 秒，AI 会输出结构化描述；确认无误后点【开始生成】，自动生成图层完整的设计稿
- 点击【插入到画布】，即可在 MasterGo 中直接调整间距、替换图片、修改文案、添加交互标注
用 html-to-mastergo 插件实现 HTML 转设计稿
如果你已有 HTML 页面（比如 Cursor 生成的原型），可通过插件一键导入为可编辑设计稿，保留 DOM 层级和基础样式。
- 在 MasterGo 插件市场搜索并安装【html-to-mastergo】插件
- 支持三种输入方式：① 当前浏览器打开的网页 → 点击插件“捕获当前页”；② 已发布的在线 HTML 地址（如 Vercel 部署链接）；③ 本地单页 HTML 文件（拖入插件窗口）
- 转换后，元素会按语义分组为 Frame 和 Layer，文本、按钮、图片基本可选中编辑，但 CSS 动画、复杂 flex 布局可能需手动微调
用 MasterGo MCP + Cursor 实现双向联动
这不是“格式转换”，而是打通设计与开发的数据链路：从 MasterGo 读取 DSL（设计结构数据）→ 在 Cursor 中让 AI 生成对应代码；或反过来，用代码生成 HTML → 导入 MasterGo 编辑。
- 在 MasterGo 安全设置中生成个人 Token
- 在 Cursor 的 MCP 配置中填入 Token，安装 @mastergo/magic-mcp 包（需 Node ≥18）
- 在 Cursor 中粘贴 MasterGo 画布容器链接，启用 Agent 模式，AI 可基于 DSL 生成 React/Vue 代码
- 反向操作：Cursor 写好 HTML → 保存为本地文件 → 用 html-to-mastergo 插件导入 → 在 MasterGo 中精细化调整视觉与标注
注意事项与常见卡点
这些细节决定流程是否真正跑通：
- AI 生成质量高度依赖提示词具体程度：避免“好看一点”，改用“顶部固定导航栏，深蓝背景+白色文字，中间轮播图高度 200px，下方三列图标带文字说明”
- html-to-mastergo 对内联样式兼容较好，但外部 CSS 文件或 JS 动态渲染的内容不会被识别，建议导出前用 DevTools 检查是否已静态化
- MCP 连接失败多数因 node 版本过低、网络无法访问 npmjs.org 或 Windows 下 cmd 权限不足，优先检查终端能否执行 npx -y @mastergo/magic-mcp
- 所有生成结果都只是起点，MasterGo 的价值在于“可编辑性”——生成后务必进画布检查图层命名、组件嵌套、响应式断点是否合理
