← MCP 指南 · 设计 · 更新于 2026年7月19日

Figma MCP:它能做什么,又看不到什么

官方 —— Figma 的 Dev Mode MCP 服务器为 MCP 客户端提供设计背景。

它能做什么

AI 助手通过 Figma MCP 能获得什么

确实有用——这是宣传里说对了的部分。

  • 把选中 frame 的结构、组件和变量交给编码助手

  • 基于真实设计背景而不是截图,生成贴合设计系统的代码

  • 回答关于 token、样式和组件用法的问题

  • 在助手实现一个界面时,让设计意图始终附着在旁

数据孤岛的墙

Figma MCP 看不到什么

这不是实现上的缺陷——而是数据本身的边界。Figma 只掌握客户故事的一部分,它的 MCP 自然也是如此。

  • 客户 —— 是谁要求了这次重新设计,他们付多少钱

  • 结果 —— 上线的设计有没有带动激活或留存

  • 工作 —— 这个设计随之上线的任务、sprint 和发布

  • 反馈 —— 用户对当前设计说了什么

需要打通数据才能回答的问题

通过一个连接,问出这些问题。

AIOProductOS 的 MCP 覆盖整条主线——反馈、任务、发布、分析、收入和代码信号,全部落在同一个客户记录上,OAuth 2.1 之后有 71 个工具。跨孤岛的问题不再是集成项目,而只是一句话。

  • 你的 AI 助手,一次查询

    “哪些付费账户提出了这份 mock 所解决的重新设计需求?”

  • 你的 AI 助手,一次查询

    “新的引导设计有没有带动受影响用户群的激活?”

  • 你的 AI 助手,一次查询

    “这个设计上线了吗,它面向的账户留下来了吗?”

常见问题

Figma MCP

Figma 有官方 MCP 服务器吗?

有 —— Figma 提供了一个 Dev Mode MCP 服务器,把设计背景(frame、组件、变量)交给 MCP 客户端,目标是让 AI 生成的代码贴合设计系统。2026 年,「figma mcp」的搜索量大幅增长。

助手用 Figma MCP 能做什么?

更忠实地实现设计:读取选中 frame 的结构,取出设计 token 和组件名称,生成贴合设计系统的代码,而不是靠截图猜测。

它触及不到什么?

设计上线之后发生的一切。Figma 保存的是 mock,不是提出需求的客户、把它上线的任务,或者关于它是否有效的分析数据 —— 那些背景活在别的系统里。

AIOProductOS 如何把设计工作和结果连起来?

主线把设计所属的功能与提出需求的账户、把它上线的任务,以及发布后的采用情况连接在一起。在这条记录上用一个 MCP,「这次重新设计有没有效果,对谁有效」就变成了一个问题,而不是三次导出。

更多 MCP 指南

一个 MCP。整个产品。

只需连接一次你的 AI 助手,它就能看到打通后的完整记录——而不是单一工具的片段。适配 Claude Code、Cursor、ChatGPT 以及任何 MCP 客户端。