Trae 编辑器结合 MCP 协议与 Figma 设计工具，可实现前端代码的自动化生成。用户需确保 Trae 版本为 3.0 以上且为企业版，在 Figma 账户中生成安全 Token 并配置至 Trae 的 MCP 设置中。启用 MCP 模式后，通过提供 Figma 原型链接及指定设计要求，即可让 AI 生成高度还原设计稿的网页代码。
打开设置，找到 MCP 选项。
需要 Token，请从 Figma 账号中生成：
切换到 MCP 模式，也可以创建自定义智能体使用。
提问时可参考以下提示词：
注意： 这里的链接是 MCP 的链接，不是普通 Figma 链接，通常需要你有原型的权限才能看到。
我需要根据提供的 Figma 链接生成一个与设计稿高度一致的网页。请严格遵循以下详细要求：
生成新的随机RSA私钥和公钥pem证书。 在线工具，RSA密钥对生成器在线工具，online
基于 Mermaid.js 实时预览流程图、时序图等图表，支持源码编辑与即时渲染。 在线工具，Mermaid 预览与可视化编辑在线工具，online
随机生成西班牙地址（支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选），支持数量快捷选择、显示全部与下载。 在线工具，随机西班牙地址生成器在线工具，online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online
将 Markdown（GFM）转为 HTML 片段，浏览器内 marked 解析；与 HTML转Markdown 互为补充。 在线工具，Markdown转HTML在线工具，online
