乐于分享
好东西不私藏

Figma正在变成"收尾工具":AI设计的新四段工作流

Figma正在变成"收尾工具":AI设计的新四段工作流

Figma正在变成"收尾工具":AI设计的新四段工作流

一个朋友说:"我现在打开Figma的时间,比去年少了大概六成。"

我以为他跳槽去做别的了,结果不是。他还在做设计,只是把工作切成了四段,Figma只留在最后一段。

这不是他一个人的做法。我发现海外一线设计师、包括Anthropic自己在4月发Claude Design的时候,都在描述一个类似的流程。我把它整理出来,你看看是不是跟你现在的做法有落差。

大家还在问错问题

先说个观察。国内很多设计群里,最常出现的问题永远是这两句:

  • "现在最好用的AI设计工具是哪个?"
  • "pencil和stich到底选哪个?"

这两个问题的问题在于,它们假设你只需要一个工具。

但今年上半年,如果你真去看那些在推特上晒工作流的设计师,比如nurxmedov那篇被转爆的《我测过40+ AI设计工具,只留下这套流程》,或者superdesign.dev年初那篇《2026 AI Design Stack》,你会发现他们几乎没有一个人在讨论"单个最强工具"。

他们讨论的都是:在什么阶段,用什么工具做什么事,然后怎么把结果传给下一段。

这是一个从"选一个万能锤子"到"拼一条流水线"的思维切换。这个切换你没做,你怎么选工具都会觉得不好用。

现在实际的四段工作流

我把这些讨论合并了一下,把国内设计师能落地的版本写出来。四段分别是:概念探索、UI生成、图像素材、精修交付。

第一段:概念探索

这一段以前是Figma里画线框,或者干脆用纸笔。现在换成对话。你把要做的东西描述给Claude、ChatGPT,或者直接用Claude Design那种带画布的产品,让它给你出三到五个不同方向的初稿。

这一段的目的不是拿到最终稿,是拿到"我到底想要哪个方向"这个答案。所以别精修,别调色,别对齐像素。就是让方向浮出来。

朋友跟我说,他这一段以前要花小半天,现在四十分钟就出五个方向。因为不用手绘。

第二段:UI生成

这是变化最大的一段。以前你在Figma里从空白画板开始拼组件,现在你把上一段选定的方向丢给v0、Lovable、Claude Design、或者Google Stitch,让它直接生成可以运行的HTML/React代码。

注意,是"运行",不是"图"。这是关键。生成的东西本身就是一个能跑的原型,链接可以发出去,产品经理和开发都能直接点。

各家的差别:v0在Vercel生态里,出来的组件跟shadcn风格一致,适合SaaS后台;Lovable偏全栈,能带数据库;Claude Design支持从PDF、SVG提取品牌token,做出来的东西不会一股AI塑料味;Bolt和Figma Make各有拥趸。

选择标准很简单:你要交付的产品用什么技术栈,就用哪家。别按"哪个最火"选。

第三段:图像素材

如果UI里需要插图、Icon、产品照、Banner,这段独立处理。现在的主力是GPT Image 2、Midjourney,中文项目可以看即梦、豆包。

这段跟UI生成分开处理,是因为它俩的强项不重叠。UI生成模型擅长布局逻辑,但画不好一张海报级的图;图像模型擅长视觉冲击,但排不出可交互的界面。硬要合在一起,两头都残。

第四段:精修交付

到这一段Figma才登场。前面几段的产出——代码原型、图像素材、组件库——都汇总到Figma里,你做的事只剩三个:像素级对齐、Design Token对齐、动效标注。

这段Figma依然不可替代。因为你要交给开发的东西,需要精确到一像素,需要跟设计系统对得上,需要有清晰的交互说明。这些事AI目前做不好。

为什么这么切分

一开始我也不理解,觉得多此一举。后来自己试了两周,明白了。

每段的输出格式不一样,所以工具不一样。

概念探索的输出是"方向感",你要的是快和多。UI生成的输出是"可点原型",你要的是能跑。图像素材的输出是"视觉资产",你要的是好看。精修交付的输出是"开发规格",你要的是精确。

一个工具想同时做好这四件事,不现实。这是Figma AI、Adobe Firefly这些"大而全"路线让人失望的根本原因。

反过来,你如果把这四段想清楚,一个新工具出来你就知道它属于哪段,能不能替代你现在这段的选择。你选工具的焦虑感会下降很多。

我的具体建议

如果你现在还是"打开Figma从零开始"这个流程,试着做这么一次替换:

下个项目开始,前三十分钟别打开Figma。用Claude或者ChatGPT聊清楚方向,让它出三到五个粗糙方案。挑一个,写成一段五十字左右的prompt。

然后把这段prompt丢给codex或者Claude Design,让它生成一个可点原型。这一步你会花大概一个小时,但你拿到的不是图,是一个能给产品经理直接看的链接。

如果里面需要插图,单独去GPT Image 2或者即梦出图。别在生成UI的工具里硬凑。

最后打开Figma,把这些整合、对齐、加标注、交给开发。

这个流程走完,你会发现Figma里的时间大概只占三成。剩下七成分散在前面三段。

一个提醒

这套流程不是让你不用Figma,恰恰相反,Figma因为不用做前面那些低价值的事,变成了一个更纯粹的"交付工具",它的地位反而更稳。真正被替代的不是Figma,是"从零开始一笔一笔画"这个动作本身。

另外,别一次全换。选一段先试。我自己是从第三段开始换的,因为出图最容易验证效果好不好。第一段最难换,因为需要你对"什么是好方向"有判断力,工具帮不了你。

留个问题

我最好奇的是:你现在每天在Figma里花的时间,有多少是在做真正需要设计判断的事,有多少是在做重复的对齐、拼组件、找素材?

如果后者超过一半,那你其实已经具备切换工作流的动机了。评论区聊聊你的比例,我下一篇想写"设计师怎么把腾出来的时间用在真正的判断力上"。

相关学习资料