前置准备
首先确认你的 Trae 客户端版本在 3.0 及以上,并且账号已开通企业版权限。这是使用 MCP 功能的基础环境。
开启 MCP 配置
进入设置面板,找到 MCP 配置区域。
(此处展示 MCP 设置界面截图)
获取 Figma Token
配置过程中需要 Figma 的访问令牌。登录 Figma 网页端,进入设置页面的 Security 选项卡,点击 Generate New Token。Token 名称随意填写,权限建议全部勾选以确保完整读取设计数据。生成后复制该 Token 填入 Trae 的 MCP 配置框中即可。
(此处展示 Token 生成及填入界面截图)
启用与调用
完成配置后,切换到 MCP 模式。你也可以基于此创建专属的智能体来辅助开发。
(此处展示 MCP 模式切换界面截图)
提示词参考
实际使用时,可以参考下面的提示词模板。注意,这里的 Figma 链接指的是 MCP 可识别的链接,通常你需要拥有原型的查看或编辑权限才能获取。
提示词示例
我需要根据提供的 Figma 链接生成一个与设计稿高度一致的网页。请严格遵循以下详细要求: [在此处补充具体的样式、交互或技术栈要求]
这样写比较自然。

