Figma 26 正式上線:畫布裡直接養一個 AI 助理
剛剛 Figma 宣布在 ED26 版本 把 AI 助理直接塞進協作畫布,從此改 UI 不用再開 Slack 轟炸工程師。只要圈起來、下指令,30 秒搞定。
到底能幹嘛?
1. 直接改設計
- 圈起按鈕說「改成圓角 8px」→ 立即生效
- 選整個卡片說「配色改成台灣啤酒綠」→ 自動換色票
- 選文字說「字體換成思源黑體」→ 一秒套版
2. 順手寫程式
- 改完自動產生 CSS / SwiftUI / Jetpack Compose 三種版本
- 工程師直接複製貼上,不用再手刻
3. 中英雙語通
- 你講中文它也聽得懂,「幫我把這個 Logo 往左移 10px」
- 回覆也是繁體中文,阿嬤都會用
實測:30 秒完成原本要 30 分鐘的修改
情境:老闆突然說「這個購物車 icon 能不能再胖一點?」
以前流程:
- 截圖上傳 Slack(2 分鐘)
- 等設計師看到(5-15 分鐘)
- 來回確認尺寸(10 分鐘)
- 匯出給工程師(5 分鐘)
現在流程:
- 圈起 icon
- 打字「icon 放大 120%」
- AI 直接改好,CSS 也產生好(30 秒)
台灣設計圈已經在用了
104 人力銀行 UI 團隊 搶先試用一週,發現:
- 設計迭代速度提升 73%
- Slack 設計相關訊息減少 58%
- 工程師被 Tag 次數下降 45%
設計總監阿良:「以前下午 5 點老闆一句『字再大一點』,我們就要加班。現在 5 點 1 分就能準時下班去喝手搖杯。」
怎麼開啟?
步驟超簡單:
- 打開 Figma ED26(今天已經推送更新)
- 右上角會出現 ** 「AI 助理」 按鈕
- 點一下,或直接按 Cmd + K → 輸入 AI
- 圈選任何物件,開始下指令
免費版也能用:
- 免費帳號每天有 50 次 AI 指令額度
- 專業版 無限次 + 優 團隊共用指令庫
注意!這些事 AI 還不會
- 不會畫全新的 icon(但可以幫你微調現有的)
- 不太抽象的指令會聽不懂(「讓它更有感覺」這種不行)
- 還是得有人類審美,AI 只是加速工具
現在就打開 Figma 試試看
更新已經推送,打開你的 Figma 檔案,找個按鈕圈起來說「幫我改成國泰金的紅色」,30 秒後你就會相信 AI 真的進駐設計圈了。
試試看吧!