Trae 集成 Figma MCP 实现前端代码自动生成
前置条件
- Trae 版本需在 3.0 及以上。
- 需使用企业版 Trae 账号。
配置 MCP
- 打开设置,找到 MCP 选项。



需要 Token,需从 Figma 账号生成。登录 Figma 网页,进入设置 > Security,点击 Generate New Token,名称随意,权限全选,生成后复制 Token 填入 MCP 配置。


使用 MCP
- 切换到 MCP 模式,也可创建智能体。

提示词示例
注意:这里的 Figma 链接是 MCP 识别的链接,非普通 Figma 链接,通常需拥有原型权限才能查看。
我需要根据提供的 Figma 链接生成一个与设计稿高度一致的网页。请严格遵循以下详细要求:

