Figma Make 推出屬性面板與標註:AI 生成的 code,改回用手直接調的設計節奏
選中元素直接在面板調間距、字體、排版,或用標註把意圖講給 agent 聽——Figma Make 把改 code 的手感,拆回設計師熟悉的兩種輸入。
用 AI 生介面的人都有過同一種卡頓:畫面出來了,你一眼看到某個按鈕的間距差了幾像素、標題字重太重、卡片圓角不對,但要把它調好,你得回到對話框,把「這裡再鬆一點、那個字細一點」寫成一段話,送出去,等它跑,再祈禱 agent 理解的跟你腦中的是同一件事。看得到、指得出,卻只能用打字繞一圈。
Figma 這次在 Make 編輯器裡補上的,正是這一段。7 月 30 日上線的屬性面板(properties panel)加標註(annotations),讓你可以選中畫面上任何一個元素,直接在面板裡調間距、字級、排版,或是在元素上貼一張標註、用自己的話交代要改什麼。生成的 code 還在底層跑,但改它的手感,回到了設計師本來熟悉的那一套。

屬性面板做的事很直接——把你在 Figma Design 裡早就用慣的控制項,原封搬到 Make 的畫布旁邊。間距、字體、排版、對齊、尺寸,這些過去要靠一句 prompt 描述的東西,現在變回一格一格可以直接點、直接拖的欄位。你在頂端工具列選「Edit」,選中元素,就能試不同的 padding、換幾組圓角、調字重,或是把元素拖著重新排序,一路調到順眼為止。
有一個細節值得設計師特別留意:面板裡吃的顏色與字體,是你 codebase 裡已經定義好的 token,而不是憑空冒出來的新值。也就是說你在面板上調的每一下,都還踩在專案原本的設計規範上。Figma 也預告 Code Connect 即將接上,屆時 Make 會把畫面連回你 Figma Design 裡的元件,讓同一套設計語言在設計檔跟 code 兩邊維持一致。

改成直接操作,省下的除了手感,還有實打實的成本。用文字描述改動時,agent 得先猜你指的是哪個元素、你要的「鬆一點」到底是多少,這中間的搜尋與猜測都要燒 token;直接操作則給了它一個精確的目標,同一個改動用掉的 token 更少、跑得更快。對每天要來回改上百次的人來說,這是會累積的差距。
流程上也更像設計師習慣的方式:你在面板裡調的每一筆,會先堆在對話框裡排隊 staged,讓你一筆一筆看過、確認沒問題再一次套用,看不順眼的隨手丟掉。等你點下套用,Make 才把改動寫回底層 code——你在畫面上看到的樣子,跟實際被改的程式碼是對得上的。改與審分成兩拍,而不是說出口就直接落地。
agent 先猜元素與幅度
搜尋+猜測燒較多 token
結果不一定是你要的
agent 拿到精確目標
更少 token、更快完成
staged 後檢查再套用
有些改動調不出來——像互動、動態、一段行為邏輯,這些沒有一個「間距」欄位可以拖。標註就是為這類情況準備的。你在工具列選「Annotate for agent」,在畫面上標出位置,再用自己的話把意圖寫下來。它對「改哪裡」很精確,對「怎麼改」卻給你留白,讓你用講的,而不是用點的。
Figma 給的例子很有畫面:你想讓某一區「感覺再安靜一點」——這種話用講的一秒就到位,真要拆成一格一格的屬性反而彆扭。你把這個意圖標在那一區上,agent 就在原地把改動做出來。標註還能一次涵蓋好幾個元素,適合那種「這一整塊的行為我想調」的整體性指令。

這兩個功能現在正在推送,Figma Make 的所有席次與方案都會拿到。兩者都會消耗 credits,所以真正頻繁操作前,值得先掂量一下自己的額度節奏。還有一個限制要先記著:屬性面板目前只對「新建的 Make 設計」生效,你之前已經做好的檔案不會套用這套面板,仍走原本的方式。想試面板手感,開一個新的 Make 檔會最順。
把這次更新拉高一層看,值得記住的是 AI 設計工具正在收斂的方向:它們慢慢不再要你全程用嘴巴指揮,開始把設計師本來的手——拖、調、標、審——放回生成 code 的最上層。Make 這一步,等於承認純 prompt 有它的天花板,該用手的地方就把手還給你。
這也回頭提醒了一件事。當你能直接在面板上調 token、標註能一次規範一整塊行為,你前期在系統上下的工——命名清楚的 variables、成套的 typography、有邏輯的元件結構——才是讓 AI 幫得動你的地基。工具會一直換,把設計系統練扎實這件事不會。

