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 文件。