AI 时代还要不要用 Figma/Pencil ?我的结论:看你是不是要交付给别人

哈喽，大家好，我是 Max King。

最近聊 AI UI 工作流，经常会绕到一个问题：

这个问题我一开始也纠结过。

因为如果只是自己做一个页面，流程确实可以很短。

先写 UI Spec，再让 gpt-image-2 出一个参考图，然后把 UI Spec 和参考图交给 Codex / Cursor。页面跑起来以后，再截图对比，一轮轮修。

这样一套下来，很多页面已经能跑了。

那还要不要进 Figma？

如果只是自己做 demo，Figma 不一定是必经环节。

但如果这个页面要给老板看、给客户确认、给团队协作、给前端按稿还原，那 Figma 依然有价值。

不是因为它“高级”。

而是因为真实项目里，需要一个可以被确认、被标注、被讨论、被追踪的东西。

先说实话。

如果我只是自己做一个小页面，比如后台工具、测试页面、临时 demo，我现在不一定会先打开 Figma。

因为这个场景里，我自己就是产品、设计、前端和验收人。

这种情况下，完整走一遍 Figma，反而可能会拖慢节奏。

我更愿意这样跑：

这套方式对个人开发者、小团队、内部工具，其实已经够用了。

尤其是你不是在做一个正式交付项目，而只是想先验证想法。

这时候最重要的是：页面能不能跑起来，结构是不是对，数据能不能接，状态有没有漏，后面能不能继续改。

但只要项目从“自己做着玩”进入“要交付给别人”，情况就完全不一样了。

一旦进入真实项目，情况就不一样了。

因为真实项目不是你自己觉得差不多就结束。

这个时候，“感觉差不多”就不够了。

比如老板看了一个设计方向，说：

那前端最后做出来，不能完全变成另一个东西。

如果老板确认的是 A，最后页面落地像 B，中间就很难交代。

你不能说：

这在自己玩的时候可以，但在交付项目里不行。

交付项目里，设计结果需要被确认。确认之后，代码实现需要尽量还原。后面有修改，也要能说清楚改了哪里、为什么改、客户确认的是哪个版本。

说到这里，就绕不开这两年很火的 vibe design。

有人说，AI 时代应该打开格局，不要还停留在传统组件库、传统设计稿这种思路。

这个观点我理解。

AI 确实让 UI 表达更自由了。Canvas、3D、大屏、动态界面，都可以更快做出来。很多以前要设计师慢慢画的东西，现在 AI 很快就能给你一个方向。

这种 vibe design 很适合探索。

但探索和交付是两件事。

如果这些不收敛，后面就很容易变成：图很好看，代码不像；老板说不是这个感觉；客户说之前不是这样；前端说这里没法还原；最后大家一起返工。

所以我觉得，vibe design 和 Figma 不是对立关系。

它们只是处在不同阶段。

我现在不会把 Figma 放在最前面。

也不会把它当成每次都必须经过的中转站。

我更愿意把它放在“确认层”。

不是每个项目都必须走这一步。

但只要项目涉及别人确认，Figma 就很有用。

这就是 Figma 的价值。

不是为了显得流程专业，而是为了让交付过程有依据。

如果是我自己做页面，我一般会这样判断。

这种情况下，直接用 UI Spec → 参考图 → 代码实现 → 截图修正，就可以。

但有些场景，我会建议进 Figma。

这种情况下，如果完全跳过 Figma，只靠 AI 出图和代码截图沟通，很容易出问题。

这里的“正式”，不一定是流程复杂。

而是要有一个大家都认的确认稿。

最后还有一点我想提醒。

Figma 有价值，但不要把它神化。

不是所有 AI UI 流程都要变成：

这条路看起来完整，但里面有很多信息损耗。

AI 生成的是一张视觉图。转成 Figma 时，工具要猜图层。再从 Figma 到代码时，工具又要猜组件。最后进入真实项目，还要重新补状态、数据、响应式、接口。

如果 Figma 文件本身不是结构化设计稿，只是一个“从图片转出来的图层快照”，那它对落地帮助有限。

也就是说，前面还是要有 UI Spec。

页面目标、模块结构、组件边界、状态、响应式，这些要先想清楚。

Figma 负责把这些东西变成可以确认和协作的设计稿，而不是替你补所有产品结构。

所以，AI 时代还要不要用 Figma？

我的答案是：

自己做 demo，不一定非要先进 Figma。

但只要要给老板、客户、团队确认，Figma 依然很重要。

它不是古法。

它是交付过程里的确认层。

AI 可以帮你更快探索方向。Codex / Cursor 可以帮你更快实现页面。截图闭环可以帮你更快修正偏差。

但正式交付时，总要有一个大家都认的版本。

这个版本需要被确认、被标注、被讨论、被追踪。

这就是 Figma 现在仍然有价值的地方。

模板、Prompt 和示例领取

我把这套 AI UI 工作流里的模板、Prompt 和示例整理成了一份资料包。

进入公众号后台，私信我，发送关键词【UI工作流】，即可领取资料和示例。