Figma MCP 把设计变代码，但最狠的一刀砍向了“上下文”

很多人以为，设计转代码的关键是模型够不够强。但 Figma 在这次 Q&A 里反复强调的却是另一件事：上下文怎么给，比模型本身更重要。从“不要一次性丢整屏设计”到 MCP 只读策略背后的安全考量，这是一场关于 AI Agent 如何真正融入生产环境的深度对话。

最反直觉的建议：别把整张设计稿一次性喂给 AI

在所有关于 AI 生成代码的讨论里，一个几乎“本能正确”的做法是：信息给得越多越好。但 Figma Dev Mode MCP 的答案恰恰相反。

Yarden Katz 和 Akbar Mirza 给出的建议非常开发者视角：生成代码时，不要从“设计师的视角”出发，而要从“你作为工程师会怎么写”出发。如果只是做一个一次性的原型，整屏截图、一条 prompt 直接生成，完全没问题；但一旦进入生产环境，这种做法几乎注定会翻车。

他们反复强调一个词：mental model。你希望 AI 生成什么质量的代码，就应该用你平时拆需求的方式去拆 prompt。Header、Pricing、Footer，组件一块一块来。这样做的好处有两个：一是模型不会在上下文窗口里“漏掉关键细节”，二是生成的代码可读、可维护，而不是一次性抛弃品。

一句话总结这部分的金句是："Try to break it down as you would have built it on your own." 这其实是在提醒所有 AI 工具使用者——Agent 不是魔法，是加速器。

MCP 只能读不能写？这是保守，还是更大的野心

另一个被反复追问的问题是：MCP 能不能反写变量？答案目前很明确：不能。

Figma 的 MCP 现在是严格的 read-only。这对很多想做“设计即代码闭环”的开发者来说，听起来像是一个明显的短板。但他们的解释其实透露出更深的产品取舍：一旦允许写回设计源数据，安全性、确定性、权限模型都会指数级复杂。

有意思的是，Akbar 提到一个“hacky”但非常工程师友好的路径：用 MCP 去生成或辅助编写 Figma 插件和 REST API 集成，再由这些确定性的集成去修改变量。这意味着什么？意味着 MCP 本身不追求万能，而是更像一个“可信上下文入口”，把 AI 能力接入到你原本就信任的自动化管道里。

他们也明确表态：原生的 write-back 能力在路线图上。这不是拒绝，而是延迟。这种克制，反而让 MCP 更像一个能长期存在于企业环境里的基础设施，而不是炫技 Demo。

把 Figma 当“唯一真源”，QA 和设计系统才刚开始

有观众抛出了一个非常有前瞻性的问题：如果 Figma MCP 里的数据是 source of truth，能不能用来做线上代码的 QA？

官方的回答并不完整，但态度非常关键——这是他们“非常想看到”的反馈。这其实暴露了 MCP 的潜力边界：它不只是把设计变成代码，更可能成为设计、开发、测试之间的对齐层。

在设计系统层面，MCP 已经展示了很明确的能力：变量、颜色、字体、组件结构，都可以被 Agent 读取并用于生成对应代码。不论你是“设计先行，代码补齐”，还是“已有组件，反推界面”，MCP 都能工作。

唯一的限制也很现实：目前你必须显式选中内容，Agent 才能获取。这看似麻烦，其实是在逼用户做一件好事——明确你到底希望 AI 理解什么，而不是一句“帮我看看整个文件”。

为什么第一方 MCP 会碾压第三方方案

最后一个问题，几乎是所有工具选型都会问的：为什么不用第三方 MCP？

Figma 给出的答案很直接：第三方只能看到 REST API 或插件 API 暴露出来的那一部分世界，而第一方 MCP 能拿到的是“完整上下文”。这包括尚未在 API 中开放的设计语义、变量关联、Code Connect 信息，以及跨计划可用的元数据。

换句话说，第三方 MCP 更像是“隔着玻璃看设计”，而 Figma MCP 是“坐在设计文件里面看”。当你开始用 AI Agent 写真实业务代码时，这种差距会被无限放大。

这也是为什么 MCP 更适合和 Cursor 这类代码 Agent 深度绑定——它提供的不是灵感，而是可信输入。

总结

这场 Q&A 真正有价值的地方，不在于展示了多少新功能，而在于它不断提醒我们：AI Agent 真正的瓶颈，从来不是生成能力，而是上下文设计能力。

如果你是开发者，今天就可以行动的有三件事：第一，用组件级而不是整屏级的方式和 Agent 协作；第二，把 MCP 当成只读真源，而不是万能操控杆；第三，开始思考设计数据如何进入你的测试和交付链路。

一个值得留给你的问题是：当设计、代码、测试都围绕同一个“真源”运转时，团队里哪些角色会被重塑？

关键词： Figma MCP， AI Agent， 上下文窗口， 代码生成， 提示工程

事实核查备注： 需核查：视频发布时间为 2025-06-26；MCP 当前是否仍为只读；Cursor 中 MCP 默认端口 localhost：3845 SSE；Figma 第一方 MCP 相比 REST API 的上下文范围描述是否有更新