Figma MCP:它能做什么,又看不到什么
官方 —— Figma 的 Dev Mode MCP 服务器为 MCP 客户端提供设计背景。
它能做什么
AI 助手通过 Figma MCP 能获得什么
确实有用——这是宣传里说对了的部分。
-
把选中 frame 的结构、组件和变量交给编码助手
-
基于真实设计背景而不是截图,生成贴合设计系统的代码
-
回答关于 token、样式和组件用法的问题
-
在助手实现一个界面时,让设计意图始终附着在旁
数据孤岛的墙
Figma MCP 看不到什么
这不是实现上的缺陷——而是数据本身的边界。Figma 只掌握客户故事的一部分,它的 MCP 自然也是如此。
-
客户 —— 是谁要求了这次重新设计,他们付多少钱
-
结果 —— 上线的设计有没有带动激活或留存
-
工作 —— 这个设计随之上线的任务、sprint 和发布
-
反馈 —— 用户对当前设计说了什么
常见问题
Figma MCP
Figma 有官方 MCP 服务器吗?
有 —— Figma 提供了一个 Dev Mode MCP 服务器,把设计背景(frame、组件、变量)交给 MCP 客户端,目标是让 AI 生成的代码贴合设计系统。2026 年,「figma mcp」的搜索量大幅增长。
助手用 Figma MCP 能做什么?
更忠实地实现设计:读取选中 frame 的结构,取出设计 token 和组件名称,生成贴合设计系统的代码,而不是靠截图猜测。
它触及不到什么?
设计上线之后发生的一切。Figma 保存的是 mock,不是提出需求的客户、把它上线的任务,或者关于它是否有效的分析数据 —— 那些背景活在别的系统里。
AIOProductOS 如何把设计工作和结果连起来?
主线把设计所属的功能与提出需求的账户、把它上线的任务,以及发布后的采用情况连接在一起。在这条记录上用一个 MCP,「这次重新设计有没有效果,对谁有效」就变成了一个问题,而不是三次导出。
一个 MCP。整个产品。
只需连接一次你的 AI 助手,它就能看到打通后的完整记录——而不是单一工具的片段。适配 Claude Code、Cursor、ChatGPT 以及任何 MCP 客户端。