因抄襲蘋果被下架後，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 落地到垂直設計工具的最佳姿勢，終於不再是盲目追求視覺上的炸裂，而是老老實實當好那個高效的切圖與排版助理了。