因抄袭苹果被下架后，Figma 重启 AI 生成工具 First Draft

前几个月在设计圈闹得沸沸扬扬的「撞脸门」，终于有了下文。

6 月的时候，Figma 兴冲冲地上线了一项叫 Make Designs 的生成式 AI 功能，号称能一键生成应用原型。结果刚上线没几天就被眼尖的用户抓了现行：有人输入天气应用的需求，AI 生成出来的界面跟苹果 iOS 自带的天气 App 几乎一模一样。虽然 Figma 当时拼命解释自己绝对没偷用用户数据，甚至根本没训练过模型，但迫于舆论压力，还是灰溜溜地把功能下架回炉重造。

现在，这个功能改头换面，以 First Draft（初稿）的新名字重新回到了舞台，目前正面向部分用户进行有限测试。

换了个名字，把拼装积木的底牌亮了出来

为了彻底洗脱抄袭的嫌疑，Figma 这次干脆把整个技术底座的运作逻辑摊开给大家看。

按照官方的说法，First Draft 压根不涉及自己训练模型，也不碰任何客户的私有数据。它的底层跑的是 OpenAI 的 GPT-4 和亚马逊的 Amazon Titan 这种现成的商业基础模型。

那它是怎么生成界面的？答案不是凭空画图，而是搭积木。整个系统由三部分构成：模型、提示词和上下文。

其中最核心的是上下文。Figma 塞进了一套专门定制的专有移动端和桌面端设计系统，里面有海量的标准组件和拼装范例。当你在输入框写下设计目标时，大模型其实是充当一个装配工的角色，根据你的提示词，从现成的组件库里挑出合适的按钮、卡片、输入框，把它们排布并定制组合成一个初始界面。

给你四个库选，保真度丰俭由人

除了公开机制，这次重新上线还加入了一个非常关键的控制项：让用户在四个组件库之间做选择。

之前之所以容易被吐槽抄袭，很大程度是因为默认生成的界面风格太鲜明、主观意图太强，直接奔着高保真去，结果不小心撞了车。现在 Figma 学聪明了，特意加了一个线框图库。

如果你只是想在开会或者头脑风暴时把逻辑先理顺，你可以选择线框库。AI 吐出来的就是纯粹的低保真草图，不带太多视觉偏好，也不容易让人联想到具体哪款现成的 App。

要是你需要探索视觉风格，再去选那些高保真的库。另外，加上现有的自动生成文案、以及通过文字或图片找组件的视觉搜索功能，Figma 显然想把整个草稿阶段的脏活累活全接过去。

为什么重要

把 AI 生成 UI 从「黑盒画画」拉回到「组装设计系统」，我们认为这是 Figma 走得最对的一步。

对一线设计师来说，价值非常实在。没人真指望 AI 一键做出最终成品，大家头疼的是面对白板不知从哪开始。First Draft 的线框模式可以让你花两分钟拿出一个逻辑过得去的毛坯房，然后自己动手去精装修。既然底层调用的全是可以编辑的标准组件，后续调整就不需要推倒重来，实用性比直接吐一张死图片的生图模型高得多。

在行业层面，这也给所有做界面生成的产品提了个醒。大模型直接学像素极容易踩侵权红线，但如果把大模型降级为「组件调度器」，既规避了版权隐患，又符合现代 UI 开发基于设计系统（Design System）的工程规范。看起来，AI 落地到垂直设计工具的最佳姿势，终于不再是盲目追求视觉上的炸裂，而是老老实实当好那个高效的切图与排版助理了。