环境准备
首先，确保你的 Trae 客户端已更新至 3.0 或更高版本。该功能通常需要企业版账号支持，普通个人版可能无法访问相关配置。
配置 MCP 协议
进入设置界面，定位到 MCP（Model Context Protocol）配置模块。这是连接外部工具的关键入口。
在 MCP 面板中，你需要添加相应的服务配置。这里需要获取 Figma 的 API Token 来完成鉴权。
生成 Figma Token
Token 需要从 Figma 账号中生成。登录网页版 Figma，依次找到 Settings -> Security。点击 Generate New Token，名称随意填写，权限建议全部勾选以确保完整读取设计稿数据。生成后复制该 Token。
将生成的 Token 粘贴回 Trae 的 MCP 配置框中即可建立连接。
开始使用
配置完成后，切换到 MCP 模式，你也可以基于此创建自定义智能体。接下来我们直接通过对话来生成代码。
提示词示例
提问时，建议提供详细的约束条件。注意：这里的 Figma 链接是指 MCP 可访问的原型链接，而非普通的分享链接，通常需要你有原型的查看权限才能被识别。
我需要根据提供的 Figma 链接生成一个与设计稿高度一致的网页。请严格遵循以下详细要求：
1. 还原所有布局、间距和字体样式；
2. 使用语义化的 HTML 结构；
3. CSS 需适配移动端响应式；
4. 保持交互逻辑与原型一致。
