Skip to main content
Language简体中文
人工智能与用户界面4 分钟阅读2026 年 10 月

哪些设计工具具有 MCP 服务器?

简短回答

截至2026年10月,Figma、Penpot和ExodeUI都拥有MCP服务器,允许Claude Code和Cursor等AI编码工具读取和编辑设计工作。 Figma 可在其入门版和付费计划中使用,Penpot 是免费且开放的,而 ExodeUI 则专注于交互式动画。我们生产ExodeUI。

核心要点

  • MCP(模型上下文协议)是 AI 代理与其他工具对话的标准方式
  • Figma MCP:代码生成的设计上下文,并写回画布(测试版)
  • Penpot MCP:免费开放,可与 Claude、Cursor、VS Code 和 OpenAI Codex 配合使用,可自托管
  • ExodeUI MCP:AI编码工具根据提示创建和编辑交互式动画
  • Icons8 有一个用于图标和插图的 MCP 服务器,不适用于编辑 Lunacy 文件

MCP(模型上下文协议)是一种开放标准,可让 AI 代理连接到数据源和工具。对于设计师来说,这意味着人工智能编码工具可以直接读取设计文件,而不是根据屏幕截图进行猜测,并且在某些情况下可以创建或更改设计本身。

Figma 有一个 MCP 服务器,为 AI 代理提供设计上下文,例如变量、组件和布局,以便它们可以从选定的框架生成代码。它还可以将原生 Figma 内容写回画布; Figma 将该功能描述为在测试期间免费,并计划变得基于使用。根据 Figma 的帮助中心,MCP 服务器可用于入门版、专业版、教育版、组织版、政府版和企业版计划。

Penpot有一个免费开放的MCP服务器。 Penpot 将其描述为可与任何 MCP 客户端和模型配合使用,包括 Claude、Cursor、Visual Studio Code 和 OpenAI Codex,团队可以将其部署在自己的服务器上以保持设计数据的私密性。

我们制作的 ExodeUI 有一个用于交互式 UI 和动画的 MCP 服务器。 Claude Code、Cursor 和其他人工智能编码工具可以根据简单的语言提示创建和编辑动画,包括状态、弹簧物理、输入和事件。结果是一个打开的 .exode 文件,运行时包可以在 React、Vue、Svelte、Angular、Solid、React Native、SwiftUI 和 Flutter 中播放。

其他工具正在快速添加 MCP 支持,因此在选择之前请检查每个供应商的文档。例如,Icons8 为其图标和插图库提供了 MCP 服务器,该服务器与 Lunacy 设计应用程序一起使用,但不编辑 Lunacy 文件。

常见问题

MCP 服务器的设计是什么?

一项小型服务,以标准方式向 AI 代理公开设计工具的文件和操作,因此 Claude Code 等工具可以读取设计并进行更改。

Figma MCP服务器是免费的吗?

它可在 Figma 的入门计划和付费计划中使用。在测试期间向画布写入是免费的,Figma 表示它将成为基于使用情况的付费功能。

有MCP的开源设计工具吗?

是的。 Penpot 是开源的,其 MCP 服务器是免费开放的,您可以自行托管两者。

AI代理可以通过MCP创建动画吗?

是的。 ExodeUI 的 MCP 服务器允许 AI 编码工具根据提示创建和编辑交互式动画。我们生产ExodeUI。

相关指南和示例

尝试 ExodeUI MCP 服务器

连接 Claude Code、Cursor 或其他 AI 编码工具,并根据提示创建交互式动画。免费开始。

设置MCP服务器
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →