mastergo ai 不直接转代码，真正实现设计稿转代码的是 mastergo mcp + cursor 等支持 mcp 协议的工具；需满足团队/企业/教育版账号、设计稿置于团队空间、具备查看权限、配置个人访问令牌及本地 node.js 环境，并在 cursor 中粘贴带 layer_id 的链接加自然语言指令触发转换。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不直接做“格式转换”，它不把设计稿转成代码；真正实现 UI 设计稿自动转代码的，是 MasterGo MCP + Cursor（或 TRAE CN）这类支持 MCP 协议的 AI 编程工具。所谓“自动格式转换”，本质是让 AI 工具通过 MCP 协议读取设计稿的结构化数据（DSL），再生成对应代码。配置关键不在 MasterGo 界面里点几下，而在于打通账号、权限、令牌和本地运行环境这四环。
账号与文件权限必须达标
这是最容易卡住的第一步：
- 账号必须是团队版、企业版或教育版——个人免费版无法启用 MCP 功能
- 设计稿不能放在「草稿箱」，必须移入某个团队空间下的具体项目中（URL 路径含
/team/才有效） - 你对目标文件至少要有「查看」权限；若用访客账号或仅「评论」权限，MCP 会拒绝读取
生成并配置个人访问令牌（Token）
Token 是 MCP 连接 MasterGo 数据的“钥匙”，不是登录密码，也不能复用其他平台的 token：
- 登录 MasterGo 网页版 → 右上角头像 → 「个人设置」→ 「安全设置」
- 在「个人访问令牌」区域点击「生成新令牌」，复制整段以
mg_开头的字符串 - 该 Token 需粘贴到 Cursor 的
mcp.json配置中，替换掉--token=你的MG_MCP_TOKEN中的占位符
本地环境要能跑通 MCP Server
MCP 不是浏览器插件，它依赖 Node.js 启动一个本地服务：
- 确认已安装 Node.js（版本 ≥ 18）
- Cursor 启动时会自动执行
npx @mastergo/magic-mcp，需确保能访问 npm 官方源（国内用户可配镜像） - Windows 用户建议用 CMD 或 PowerShell 启动 Cursor，避免终端兼容问题
- 配置保存后重启 Cursor，左侧 MCP 工具栏出现 MasterGo 相关选项（如
getDSL），即表示服务就绪
在 Cursor 中触发转换的关键操作
配置完成≠自动转换，每次生成都需要明确指令和上下文：
- 在 MasterGo 中打开设计稿，选中目标画板或图层，右键复制带
layer_id的链接（形如https://mastergo.com/file/xxx?page_id=&layer_id=yyy） - 在 Cursor Chat 面板（务必开启 Agent 模式）中，直接粘贴该链接，并附一句自然语言指令，例如：
请根据这个 MasterGo 设计稿生成响应式 Vue 组件，使用 Element Plus 组件库 - AI 会调用
getDSL获取精准尺寸、颜色变量、字体层级等，不再靠“猜”，而是基于真实 DSL 数据生成代码
