Trae 集成 Figma MCP 实现前端代码自动生成
前置条件
- Trae 版本需在 3.0 及以上。
- Trae 账号需为企业版。
配置 MCP
- 打开设置,找到 MCP 选项。
- 获取 Figma Token:
- 网页登录 Figma 账号。
- 进入设置 (Settings),选择 Security。
- 点击 Generate New Token,命名并勾选所有权限。
- 复制生成的 Token 填入 MCP 配置中。

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

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

