什么是 MCP
MCP(Model Context Protocol,模型上下文协议)是 MasterGo(国内原型设计平台)为 AI 工具打通设计稿数据的标准化协议,可让 TRAE CN IDE(国际版不支持)等 AI 工具直接读取 MasterGo 设计稿的结构化数据(如布局、样式、资源、变量等),无需人工导出/上传设计稿,实现「设计稿 → 代码」的端到端智能化转换。
简单来说,你无需再手动截图、描述设计细节,AI 工具可通过 MCP 直接「读懂」MasterGo 设计稿,精准生成符合设计规范的前端代码,大幅降低设计还原的沟通成本和手动开发工作量。
前置条件
在使用 MasterGo MCP 前,请确保满足以下条件:
1. 账号权限
- 持有 MasterGo 账号(企业版,支持 DSL(用于自行开发 D2C)),且账号已完成手机号/邮箱验证;
- 若操作团队/企业空间的设计稿,需拥有该设计稿的「查看」或「编辑」权限(仅「评论」权限无法读取设计稿数据);
- 生成 Personal Access Token 时,账号需为企业空间的「成员」或「管理员」(访客账号无法生成 Token)。

MasterGo MCP 中 DSL 的技术原理,是作为'设计稿→代码'的标准化中间层:先通过授权后的 MasterGo API 拉取设计稿全量原始数据,再过滤冗余信息、统一格式完成数据清洗,接着为纯数值数据注入前端领域语义(如标注组件类型、样式变量),最终输出结构化的 DSL 数据(通常为 JSON),供 TRAE IDE、AI 智能体等工具直接解析,高效生成符合设计意图的前端代码。
补充一个 DSL 的极简 JSON 示例:
{"components":[{"id":"123","type":"Button","props":{"text":"点击我","style":{"color":"red","fontSize":16}}








