Trae 集成 Figma MCP 实现前端代码自动生成

前置条件

1. Trae 版本需在 3.0 及以上。
2. 账号需为企业版。

配置 MCP

打开设置，找到 MCP 选项。

需要 Token，请从 Figma 账号中生成：

1. 网页登录 Figma 账号。
2. 进入设置，打开 Security 页面。
3. 点击 Generate New Token，随意命名 Token，勾选所有权限。
4. 生成后复制 Token 并填入 MCP 配置中。

使用 MCP

切换到 MCP 模式，也可以创建自定义智能体使用。

提示词示例

提问时可参考以下提示词：

注意： 这里的链接是 MCP 的链接，不是普通 Figma 链接，通常需要你有原型的权限才能看到。

我需要根据提供的 Figma 链接生成一个与设计稿高度一致的网页。请严格遵循以下详细要求：