TRAE CN + MCP：MasterGo 设计稿一键生成前端代码实战
MCP（Model Context Protocol）是 MasterGo 为 AI 工具打通设计稿数据的标准化协议。通过它，TRAE CN IDE 等 AI 工具可以直接读取 MasterGo 设计稿的结构化数据（布局、样式、资源等），无需人工导出或上传，实现「设计稿 → 代码」的端到端智能化转换。
简单来说，你无需再手动截图或描述细节，AI 工具可通过 MCP 直接「读懂」设计稿，精准生成符合设计规范的前端代码，大幅降低还原沟通成本。
前置准备
在使用之前，请确保满足以下条件：
1. 账号与权限
- 持有 MasterGo 企业版账号，且完成手机号/邮箱验证；
- 若操作团队空间的设计稿，需拥有该设计稿的「查看」或「编辑」权限（仅「评论」权限无法读取数据）；
- 生成 Personal Access Token 时，账号需为企业空间的「成员」或「管理员」。
技术原理补充：DSL 作为'设计稿→代码'的中间层，先通过授权后的 API 拉取全量原始数据，过滤冗余并统一格式，注入前端领域语义（如组件类型、样式变量），最终输出结构化 JSON 供 AI 解析。
{"components":[{"id":"123","type":"Button","props":{"text":"点击我","style":{"color":"red","fontSize":16}}}]}
2. 环境要求
- TRAE CN IDE 版本 ≥ 1.0.0；
- 网络可正常访问 MasterGo 官网及 TRAE CN IDE 服务器。
3. 设计稿规范
- 设计稿需已发布至云端（本地离线稿无法被读取）；
