本日設計情報|2026/08/22:Figma 間距對齊 CSS、GPT-Image-2 原生去背、a-We 特展 9/4 空總登場

Figma 把 CSS 的間距詞彙搬進 auto layout,OpenAI 讓去背變成一個生成參數,a-We 從大阪世博回台開展——今天 5 則設計圈情報。

Figma auto layout 間距更新

週六的設計圈沒有休息。Figma 悄悄在 auto layout 塞進兩個新的間距選項,名字直接抄 CSS——這件小事,可能比很多大改版更能減少設計與工程之間的來回。同一天,OpenAI 讓 GPT-Image-2 學會生成透明背景,去背這件設計師做了二十年的雜活,正式往上游搬。Google 則把生成式 AI 戴上了手腕,Pixel Watch 5 用一句話就能生出錶面。回到台灣,大阪世博的文化大使 a-We 終於回家,9/4 起在空總免費展出。最後,一位 UX 設計師想跟你聊聊:為什麼我們容忍 AI 用自信的語氣掩蓋它其實在猜。

今天 · 5 則
01
Figma auto layout 補上「Around」與「Evenly」:設計稿間距,終於跟 CSS 講同一種語言
02
GPT-Image-2 直接生成透明背景:去背這道工序,從後製搬進了生成
03
Pixel Watch 5 的 AI 錶面生成器:一句話描述,二十秒拿到自己的錶面
04
a-We 回台灣了:《a~~~Wemoji!》特展 9/4 空總登場,免費展到 11/3
05
「AI 在對我們說謊,而且沒人在乎」:一位 UX 設計師的透明度主張
01 / 05 · 🎨 設計軟體新功能

🔥 Figma auto layout 補上「Around」與「Evenly」:設計稿間距,終於跟 CSS 講同一種語言

Figma auto layout 自動間距新選項

Figma 在 8/21 的 release note 發布了 auto layout 的間距更新:原本唯一的自動間距行為(項目之間等距、邊緣不留空)改名叫「Between」,旁邊多了兩個新選項——「Around」讓每個項目兩側都有間距,邊緣留半格;「Evenly」則是所有間距完全相等,連邊緣也算進去。

如果你寫過 CSS,這三個名字你一秒就懂:它們就是 justify-contentspace-betweenspace-aroundspace-evenly。Figma 這次連命名都直接沿用 CSS 的詞彙,設計稿裡的間距設定可以原封不動翻譯成程式碼。

對照前幾週的 text wrap(text-wrap: balance / pretty)與 responsive text,可以看出 Figma 正在做同一件事:把 CSS 已經支援的排版能力一項一項搬進設計端,而且用一樣的名字。交付時「這排卡片的間距到底怎麼算」這種對話,會越來越少發生。

閱讀 Figma Release Notes →

COURSE · 線上課程Figma 全攻略看課程 →
02 / 05 · 🤖 AI 設計工具

GPT-Image-2 直接生成透明背景:去背這道工序,從後製搬進了生成

OpenAI GPT-Image-2 透明背景生成

OpenAI 在 API 端開始預覽 GPT-Image-2 的透明背景支援:加上 background=transparent 參數,模型直接輸出去背完成的 PNG。官方 Cookbook 給了四個典型用途——電商產品圖、簡報圖解、icon 與貼紙這類設計元素、周邊商品圖案。

技術上值得注意的是 OpenAI 的說法:在生成階段就把 alpha 通道「烤」進圖裡,效果比生成後再去背更好,尤其是透明玻璃、細纖維這種傳統去背最頭痛的邊緣。官方同時提醒兩件事:prompt 裡不要描述背景,不然模型可能還是會畫一個出來;圖表類的數字要人工核對,模型不保證像素級精確。

去背大概是每個設計師入行學的第一道工序,現在它從後製流程搬進了生成參數。省下來的是機械操作,省不掉的是判斷——哪張圖的邊緣過得了關、哪個場景還是該用向量重畫,這些還是你的事。

閱讀原文 →

AI 覺醒 · 訂閱制AI 覺醒設計應用攻略了解訂閱 →
03 / 05 · 🤖 AI 設計工具

Pixel Watch 5 的 AI 錶面生成器:一句話描述,二十秒拿到自己的錶面

Pixel Watch 5 AI 錶面生成器

Pixel Watch 5 藏了一個 Google 自己都沒放上商店頁宣傳的功能:AI 錶面生成器。在換錶面的介面按下「Create」,用語音描述你要的樣子,十到二十秒後錶面就生出來,不滿意可以「Try again」重生成一次。9to5Google 實測了「藍白大理石紋」「黃紫熔岩點點」這類描述,都能直接變成能用的錶面。

有趣的是它的限制:不管你怎麼描述,版型只有三種固定選擇——直式數位、帶 complication 弧的直式、單 complication 的橫式,連指針錶面都要不到。AI 負責顏色、紋理、數字風格,版型與資訊位置被鎖死。

這個「不自由」其實是設計系統的邏輯:把生成的自由度關進版型的柵欄裡,可讀性和資訊層級就不會被玩壞。想在自家產品裡加生成功能的設計師,可以把這當一個現成的參考案例——先決定什麼不能被生成,再開放剩下的。

閱讀原文 →

AI 覺醒 · 訂閱制AI 覺醒設計應用攻略了解訂閱 →
04 / 05 · 🗓️ 設計展會與產業

a-We 回台灣了:《a~~~Wemoji!》特展 9/4 空總登場,免費展到 11/3

a-We 臺灣主題特展主視覺

陪台灣跑遍國際場合的文化外交大使 a-We,終於回家。文化部主辦的《a-We 臺灣主題特展:a~~~Wemoji!》9/4 至 11/3 在空總國家文化基地圖書館展演空間登場,免費入場,週一休館。這是 a-We 在 2025 大阪世博亮相後,首次回到台灣完整展出。

a-We 出自方序中與究方社之手,角色設定是海底板塊擠壓下誕生的生物,擅長彈跳與變形,會發出「a-we~~」的異世界語。這次特展打造了 6 個展區,包含巨型裝置與沉浸式互動,同步公開 5 款全新型態,還開放創作者投稿自己的 Wemoji,入選作品有創作授權費、之後會用在文化交流推廣上。

從吉祥物到 IP,中間隔著一套系統:a-We 的變形規則、聲音、emoji 化的表情語彙,本質上都是識別系統的延伸。想看一個角色怎麼被設計成「可以一直長下去」的 IP,這檔展是很好的實體教材。

閱讀原文 →

COURSE · 線上課程Illustrator 攻略看課程 →
05 / 05 · 📐 UI/UX 趨勢

「AI 在對我們說謊,而且沒人在乎」:一位 UX 設計師的透明度主張

AI 推理過程透明度示意

UX 設計師 Dan Maccarone 在 uxdesign.cc 發了一篇火氣不小的文章。起因是他團隊內部的爭論:他們的 AI 產品在側欄即時顯示推理過程——「我聽到你說的是什麼」「我正在追哪條線」「這會往哪裡去」——有人覺得這對使用者是資訊過載,該藏起來。

他的回答是:藏起來才是問題。現在的 AI 產品給你的只有「Analyzing your request」這種什麼都沒說的過場動畫,然後一個自信的答案從黑盒子裡滑出來。他引用研究者 Sunnie S. Y. Kim 的「trust calibration」概念:人是靠 AI 展示的過程來校準要信它幾分——什麼過程都不給,使用者唯一能依據的就只剩語氣的自信程度,而那恰恰是最不該信的東西。

對設計師來說,這是一個具體的介面題:推理過程怎麼攤開才不會變成噪音?他的答案是讓人可以「看到、反駁、喊停」。AI 時代的 loading state 別再只是轉圈圈——把「我有幾分把握、哪裡在猜」講清楚的那塊畫面,才配得上使用者的信任。

「我們信任那些把過程攤開、講得清楚哪裡有把握、哪裡在猜的人。然後我們把 AI 做成兩者都不做,再驚訝於沒人分得出好答案和自信的垃圾。」
— Dan Maccarone, uxdesign.cc

閱讀原文 →

COURSE · 線上課程Figma 全攻略看課程 →
今日一句話重點
01
Figma auto layout 間距三選項 Between/Around/Evenly,命名直接對齊 CSS 的 justify-content。
02
GPT-Image-2 在生成階段就烤進 alpha 通道,玻璃與細纖維邊緣比事後去背乾淨。
03
Pixel Watch 5 一句話生成錶面,但版型鎖三種——生成自由被關進設計系統的柵欄裡。
04
a-We 特展 9/4 至 11/3 空總免費展出,大阪世博的台灣文化大使首次回台。
05
AI 產品把「我有幾分把握」攤開來講,使用者才有校準信任的依據。
SUBSCRIPTION · AI 覺醒設計應用攻略
每週把最新 AI 設計工具,拆成你能用的工作流
✦ AI 工具實測與工作流分享
✦ 設計師角度的 Prompt 技巧
✦ 每週精選 AI × 設計新知
了解訂閱方案 →