开发人员可在 cursor 中通过 codify mcp 插件调用 mastergo 设计稿生成 vue/react 代码，支持自然语言修改设计并双向同步，且能一键导出含类型定义的 typescript 代码。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
开发人员需要在不离开代码编辑器的情况下实时获取设计参数、查看标注并生成可直接复用的框架代码，同时确保设计变更能自动同步到本地项目中。
在 Cursor 中调用 MasterGo 设计稿生成代码
第一步：在 Cursor 中安装 Codify MCP 客户端插件，该插件已支持 VS Code 和 JetBrains 系列 IDE。
第二步：进入 MasterGo 项目 → 打开目标画布 → 点击右上角「开发者模式」→ 复制当前页面的 contentId（形如 mg-8a3f9d1e）。
第三步：在 Cursor 命令面板输入 codify://getCode/{contentId}，回车后自动拉取该画布的图层结构与样式数据，AI 将据此生成 Vue 或 React 组件代码。
这一步必须使用 MasterGo 当前打开的画布 ID，【contentId 过期后无法重新生成，且不支持手动拼接】。若画布被关闭或刷新，需重新进入并复制新 ID。
通过自然语言指令让 AI 修改设计并同步至本地项目
方法一：在 Cursor 中输入自然语言指令，例如“把登录按钮改成圆角 12px，背景色改为 #007AFF，文字大小调为 16px”，AI 会解析语义并反向操作 MasterGo 画布。
方法二：在 MasterGo 的 AI 快搭面板中框选按钮图层 → 输入“改成主品牌蓝、圆角、悬停放大”，点击执行 → 修改结果实时同步至 Cursor 已打开的对应组件文件中。
注意：此功能依赖 MasterGo 账号与 Cursor 账号完成一次性的 MCP 授权绑定，未绑定时指令仅作用于当前画布，不会触发代码侧更新。
从设计稿一键导出带类型定义的 TypeScript 代码
在 MasterGo 画布中点击「交付」→「前端代码」→ 选择技术栈（Vue 3 + TS / React 18 + TS）→ 勾选「包含完整类型定义」→ 点击「生成并下载」。
生成的代码包包含：组件 JSX/TSX 文件、SCSS 样式模块、Props 接口定义、响应式断点配置，以及 Ant Design 或 Element Plus 的适配封装逻辑。
这一步导出的代码可直接放入 Vite 或 Next.js 项目 src 目录下运行，无需手动补全类型或调整 class 命名规则。
