前置条件
- Trae 版本需为 3.0 及以上
- 账号类型为企业版
配置 MCP
打开设置,找到 MCP 选项。



此处需要 Token,请在 Figma 账号中生成。登录 Figma 网页端,进入 Settings > Security,点击 Generate New Token,命名随意并确保勾选所需权限,复制生成的 Token 填入 MCP 配置中。


启用 MCP 模式
切换至 MCP 模式,也可创建自定义智能体。

提示词示例
注意:这里的链接是 MCP 支持的 Figma 链接,而非普通 Figma 链接,通常需要原型查看权限。
我需要根据提供的 Figma 链接生成一个与设计稿高度一致的网页。请严格遵循以下详细要求:
- 使用语义化 HTML 标签构建页面结构
- 样式需适配移动端响应式布局
- 提取设计稿中的颜色值与字体风格
- 输出完整的单文件 HTML 或分离的 HTML/CSS 代码

