MCP（Model Context Protocol，模型上下文协议）是 Claude Code 能够读取你的 Figma 设计、访问你的 GitHub 仓库以及搜索你的 Google Drive 的原因。它是 AI 工具与你已经在使用的应用之间的通用连接器。如果说 AI 曾经被困在聊天窗口中，MCP 就是让它摆脱束缚的方式。以下是它的功能、为什么重要以及如何使用它。

快速事实
  • 它是什么：一个开放协议，允许 AI 代理连接到外部工具和数据源
  • 由以下公司创建：Anthropic（开源，被其他公司采用）
  • 流行的 MCP 连接：Figma、GitHub、Google Drive、Slack、数据库、API
  • 实际影响：AI 现在可以读取你的设计、访问你的文件，并直接与你的工具交互
  • 谁在使用：Claude Code、Cursor、VS Code 以及其他 AI 代理
  • 最后验证时间：2026 年 4 月

简单解释

在 MCP 出现之前，AI 只能处理你粘贴到聊天窗口中的内容。想让 AI 分析你的 Figma 设计？截图后粘贴。想让 AI 读取你的 Google Docs？复制文本并粘贴。想让 AI 访问你的代码？选择文件并粘贴。

MCP 消除了复制粘贴的瓶颈。有了 MCP，你可以告诉 Claude Code："查看我的仪表板 Figma 设计并生成匹配的 React 组件。"Claude Code 通过 MCP 连接到 Figma，直接读取设计令牌、组件规范和布局信息，并生成匹配的代码——你无需手动操作 Figma。

为什么这很重要

MCP 将 AI 从文本处理器转变为工作流参与者。与其说 AI 是你切换到它寻求帮助然后再切换出来的工具，不如说 AI 成为了在你的各个工具之间移动的参与者。

Figma + Claude Code + MCP 的流程是最清晰的例子：在 Figma 中设计，AI 通过 MCP 读取你的设计，AI 生成生产代码，代码通过 GitHub 部署。传统的设计到开发交接——软件开发中最费力的流程之一——成为了一次简单的对话。

觉得有价值？我们每周发布关于 AI 工具和集成的内容。加入走在前沿的读者 →

可用的 MCP 服务器

Figma MCP 让 AI 代理可以读取设计令牌、组件和布局。GitHub MCP 提供对仓库、问题和拉取请求的访问。Google Drive MCP 允许读取和搜索文件。Slack MCP 支持读取消息和频道。数据库 MCP 连接到 PostgreSQL、MongoDB 和其他数据存储。

随着越来越多的公司为其产品构建 MCP 服务器，列表每周都在增长。

入门指南

如果你使用 Claude Code，MCP 服务器可通过简单的安装命令获得。对于 Figma：安装 Figma MCP 插件并进行身份验证。对于 GitHub：通过 Claude Code 的设置进行身份验证。对于 Google Drive：通过 Claude 的 MCP 设置连接。

如果你不使用 Claude Code，你会通过 Cursor、VS Code 扩展和其他正在采用该协议的 AI 工具接触到 MCP。趋势很明确：MCP 正在成为 AI 连接一切的标准方式。

有关 MCP 如何融入 AI 驱动的开发的更多信息，请参阅我们的使用 Claude 和 Figma 构建网站指南。

这是我们每周要做的事。关于 AI 工具、工作流的深入探讨，以及诚实的看法——没有炒作，没有填充内容。加入我们 →

披露：本文中的某些链接是联盟链接。我们仅推荐我们亲自测试并定期使用的工具。请参阅我们的完整披露政策。