Figma MCP 让编程 Agent 少猜截图，多读设计上下文

发生了什么

Figma MCP 让支持的编程 Agent 直接读取 Figma 里的设计上下文，而不是靠截图、导出的 PNG，或者一段很长的提示词来描述布局。它可以暴露设计文件、画框、变量、组件、FigJam 笔记和相关资源，让 Agent 在写 UI 代码前拿到更像样的起点。

这不是说设计转代码已经被解决了。输出仍然需要前端看一遍。真正可信的变化更小，也更实在：Agent 能看到更好的上下文，人就少花时间解释显而易见的细节，把精力放回实现取舍上。

为什么重要

设计交接里有很多小损耗。截图看不到 token 名称、间距选择、组件意图和文案状态。文字提示能补一部分，但设计一改，它也很快过期。直接读设计上下文能减少这段损耗，也让 v0、Cursor、Codex 这类工具更容易连到同一个来源。

对导航站来说，这就是用户需要看到的关系。Figma MCP 不是另一个设计应用，它是一个连接器，改变的是编程 Agent 理解设计系统的方式。

对站内读者

它应该放在 MCP 的 dev 分类，标签加 design 和 frontend。关联 frontend-design 与 source-verification，因为工作流仍然需要品味和来源检查。如果生成 UI 声称匹配某个组件，审阅者要知道它参考的是哪个 Figma 组件或变量。

也可以和 v0、Cursor 放在相邻推荐里。v0 快速生成 UI，Cursor 在仓库里编辑，Figma MCP 则减少设计文件到代码库之间的猜测。

接下来观察什么

接下来要看设计意图保留了多少。变量和组件元数据很有用，但响应式行为、交互状态和无障碍细节仍需要人审。真正能用好它的团队，会把 Figma MCP 当成上下文来源，而不是替代前端判断的按钮。