一、MCP是做什么用的

在 Trae 里的 MCP，全称是 Model Context Protocol（模型上下文协议），你可以把它理解成：AI 智能体的「通用外接接口」，让 Trae 里的 Builder 等智能体能直接连接和调用外部工具 / 服务。

一、它到底是做什么的？

简单说，MCP 就是给 AI 开了 “外接权限”：

• 不用手动复制粘贴、切换软件，AI 就能直接帮你：
  • 读 / 写外部数据库
  • 调用 Figma、GitHub、API 等第三方服务
  • 操作本地文件、运行命令
• 它是一个标准化协议，不同工具只要按 MCP 标准对接，Trae 就能一键接入，不用单独写复杂集成。

在你截图里的 Builder with MCP，就是开启了这个外接能力的智能体模式，它比普通 Builder 多了 “调用外部工具干活” 的权限。

二、在 Trae 里，MCP 能解决什么问题？

举几个你能直接用的场景：

1. 连接 Figma，直接从设计稿生成代码 配置好 Figma 的 MCP 服务后，Trae 能直接读取 Figma 文件的设计信息，自动生成对应的前端代码，不用你手动抄样式。
2. 直接操作数据库，边写代码边查数据 连接 MySQL/PostgreSQL 后，AI 能帮你写 SQL、查数据、优化查询语句，不用你自己去数据库客户端操作。
3. 对接 GitHub，直接创建 / 修改仓库文件 配置好 GitHub 的 MCP 服务，AI 可以直接帮你提交代码、创建分支、查看 PR，不用你手动切换浏览器。
4. 调用本地工具，比如计算器、命令行、文件管理器 让 AI 帮你批量处理文件、执行脚本，你只需要说指令，它就能通过 MCP 调用对应的工具完成。

三、和普通 Builder 有什么区别？

表格

四、新手怎么用？

1. 先选 Builder with MCP 这个智能体
2. 在 Trae 的设置里，添加你要连接的外部工具（比如 Figma、数据库）的 MCP 服务配置
3. 直接给 AI 发指令，比如 “根据我 Figma 里的登录页设计稿，生成对应的 React 组件代码”
4. AI 会自动通过 MCP 连接 Figma，读取设计信息并生成代码

二、Trae 配置 Figma MCP（关键步骤）

一、前置准备：获取 Figma 访问令牌（Token）

1. 登录你的 Figma 账号，进入 个人设置页面
2. 找到 Personal access tokens（个人访问令牌）
3. 点击 Generate new token
4. 填写令牌名称（比如 Trae-MCP），权限默认选 read files（只读文件）即可
5. 点击生成，复制好令牌（只显示一次，后面要用）

二、Trae 配置 Figma MCP（关键步骤）

• 打开 Trae IDE，点击右上角的「设置」图标（齿轮），选择 MCP
• 在 MCP 面板里，点击 + 添加 MCP Servers，进入市场列表
• 找到 Figma AI Bridge，点击右侧的 + 号
• 在弹出的配置框里，把刚才复制的 Figma Personal Access Token 粘贴进去
• 点击「确认」，配置就自动完成了，会自动关联到 Builder with MCP 智能体

三、如何使用（直接生成代码）

1. 在 Trae 里，智能体选择 Builder with MCP
2. 输入你的指令，比如：

   plaintext

   帮我根据这个 Figma 链接生成 React 组件代码：https://www.figma.com/file/xxxx/Login-Page
   

3. AI 会通过 MCP 直接读取 Figma 文件的设计信息，自动生成对应的前端代码，不用你手动复制样式。