Figma Code Layers 对 OpenDesign 是威胁还是机会
6月24日 Figma Config 2026 发了一堆东西，其中 Code Layers 最吸睛：任何设计层一键变成可交互代码层，代码直接成为画布上的一种”材质”。配上前不久发布的 Figma Make（prompt-to-prototype），Figma 自己也在走 prompt → 设计 → 代码这条路。
于是有人问：Figma 都能生成代码了，OpenDesign（nexu-io/open-design，71K stars 的开源设计工具）还有戏吗？
先厘清一件事：两者不在同一条赛道
Figma Code Layers 解决的是设计 → 代码的桥接。前提是你已经在 Figma 画布里设计了，然后一键生成可交互代码。它增强的是设计师和开发者之间的协作流程。
OpenDesign 解决的是绕过设计画布。核心是让 AI coding agent（Claude Code、Codex、Cursor 等）直接从 prompt 生成可交付的 HTML、原型、PPT。用户根本不需要打开画布。
一个是给有设计师的团队用的，一个是给不想碰 Figma 的开发者和小团队用的。Figma 多了个功能，不会让 OpenDesign 的用户回去。
Figma 做对了方向，但留下了三个软肋
Code Layers 证明了一件事：“设计即代码”是对的方向。但 Figma 的实现方式有三个结构性问题，每一个都是开源工具的切入点。
代码出不了 Figma。 你在 Code Layers 里写的 React/TS 是标准的，但它被存成 Figma 私有文件格式的一个节点。没法导出，没法在别的工具里跑。这是 Figma 刻意的——代码越依赖他们的画布，你越走不了。
协作绑死在 Figma 的服务器上。 他们用 Eg-walker 算法做实时协作，但这个 server 是 Figma 自己的。你跟同事协作 code layer，必须都在 Figma 里。
生态封闭。 code layer 里用的组件、依赖、props 全部绑定在 Figma 的 runtime 上。离开 Figma 就是死代码。
这给 OpenDesign 打开了三个方向
做法一：当 Figma 的”出口”
Figma 的 MCP server 是公开的，Dev Mode API 也能读设计数据。如果 OpenDesign 能把 Figma 设计文件（含 code layers）导入成自己的 skill + design system，它就成了”逃离 Figma”的标准工具。
4300 万 Figma 用户里，很多人对平台锁定越来越焦虑。Figma 上市后估值 500 亿美元，涨价几乎是必然的。“用 Figma 设计，用 OpenDesign 导出和部署”——这是一种实际的工作流分工。
做法：用 Figma MCP server 读设计数据，转成 OpenDesign 的 design-system markdown，再让 agent CLI 生成可独立运行的 React 代码。
做法二：定义开放标准
Figma 没有开放 code layer 的格式。但 React 组件本身就是天然的中间格式。
如果 OpenDesign 推出一个 spec——用标准的 JSON/YAML 描述 design layer（组件树 + props + 样式 + 交互逻辑），任何工具都能读写——这比追 Figma 的功能更有价值。
Android 之于 iOS 就是这个逻辑：你不需要做得更好，你做得更开放。控制了标准，生态就往你这边靠。
Penpot 已经在这条路上走了（原生 SVG/CSS 输出），但它缺 AI agent 这一层。OpenDesign 有 agent 生态，差一个格式规范。
做法三：补 Figma 不做的事
Figma Code Layers 的前提是”你已经在画布里了”。但越来越多的开发者根本不想打开画布——他们想从 prompt 直接到代码。
这是 OpenDesign 已经在做的事，但可以更激进：
- 把 Figma Make 的 MCP 当输入源——用 Figma 生成原型，OpenDesign 接管代码化和部署
- 强化批量生成和 A/B 对比。Figma 的 code layer 只能在画布上手动对比，OpenDesign 可以用 agent 批量生成 10 个版本自动跑测试
如果要动手，从哪里开始
最小切入：给 OpenDesign 写一个 Figma Import skill。用 Figma MCP server API 把 Figma 文件转成 OpenDesign 的 design-system markdown。这个 PR 价值很高——它是”出口”方向的 POC。如果熟悉 Hermes 的 agent 机制，做这个得心应手。
更有野心的做法：在 OpenDesign 的 Discussions 里提一个 RFC，推 open design layer format spec。现在他们 436 个 issue 里大部分是 bug 和小功能，没有人聊架构层面的方向。趁现在 71K stars 但还没有标准之争，先占位。
投资视角
Figma 500 亿美元估值上市，验证了 design-to-code 市场极大。OpenDesign 是这个市场里唯一的开源 + agent-native 玩家。
短期内不会有直接竞争——Penpot 偏传统设计工具，没有 AI agent 层。真正的对手是 Anthropic 的 Claude Design，这才是直接对标的产品。OpenDesign 的定位就是”Claude Design 的开源替代”。
中期来看，如果 OpenDesign 抓住”Figma 出口”这个定位，它有机会成为 design 领域的 Postgres/Linux。Figma 往代码方向走是必然的，但它的增量是给自己存量用户加价值，开源工具面对的真正风险从来不是 Figma 做了什么，而是更好的开源替代品什么时候出现。