本日設計情報|2026/09/04:Figma 透明度收進變數系統、OpenAI 發布 GPT-6 Astra、中美館幫水河師開回顧展

Figma 把透明度收進變數系統、Coinbase 用 Code Connect 省下 22.5% token、OpenAI 發布 GPT-6 Astra、Webflow 端出 Campaigns、台中中美館幫王水河開回顧展。

Webflow Designer 建置行銷頁面介面截圖

今天的頭條藏在 Figma 的 release notes 裡:透明度也能綁進變數系統,不用再手動拆解圖層。同一天,Coinbase 設計系統團隊交出一份實測報告——Code Connect 幫他們的 coding agent 省下 22.5% token。OpenAI 甩出 GPT-6 Astra,把電腦操作的能力線又往前推了一格;Webflow 則把整條行銷活動流程拆成四段代理管線,還在候補開放中。收尾回到台中,中美館替水河師王水河開回顧展,這位自學出身、用畫電影看板起家的設計師,字體全是手工變形出來的。

今天 · 5 則
01
Figma 讓透明度也能「連著」變數走,不用再拆解圖層
02
Coinbase 拿 Code Connect 對打 AI Coding Agent,省下 22.5% Token
03
OpenAI 發布 GPT-6 Astra,電腦操作能力再進一格
04
Webflow Campaigns:行銷活動拆成四段代理管線
05
台中中美館幫「水河師」開回顧展,字體都是手工變形出來的
01 / 05 · 🎨 設計軟體新功能

🔥 Figma 讓透明度也能「連著」變數走,不用再拆解圖層

Figma 品牌識別圖

Figma 這次在 release notes 補的功能不搶眼,卻是每個做 design token 的人天天在踩的痛點——透明度。過去要調一個顏色的不透明度,得先把它從變數庫拆開,變成一個「死的」數值,之後這個顏色源頭要是換了,拆開的那些圖層完全不會跟著動。

新版本讓透明度直接掛在變數上:可以用 alias opacity 讓顏色維持連結庫的狀態、直接調整透明度;也能用一個數字變數去控制顏色變數的不透明度,並且把這個數字變數限定只給顏色變數用。停用狀態、遮罩、scrim 這類「同一個顏色只是深淺不同」的場景,終於不用每個都建一個獨立顏色變數。

對做 design system 的團隊來說,這是把透明度從一次性的視覺調整,正式收編進系統邏輯的一步。

閱讀原文 →

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

Coinbase 拿 Code Connect 對打 AI Coding Agent,省下 22.5% Token

Coinbase 產品介面截圖,展示設計系統元件

Coinbase 設計系統團隊管的是全美最大加密貨幣交易所的 App 與網頁介面,用戶從設計師變成 coding agent 之後,他們發現團隊過去累積的「agent skills」——教代理挑對元件、避開棄用樣式、套用 design token——還不夠。代理把 Figma 設計轉成程式碼時,缺的是對正式環境元件的上下文,這正是 Figma MCP 裡 Code Connect 補的洞。

團隊的 Code Connect 對照表其實老早沒更新,很多新元件根本沒建對照。工程師 Erich 用 Claude Code 寫了一套代理工作流,把上百個 Figma 元件排隊丟給 agent 平行處理,逐一補上對照。等到全部元件都連上 Code Connect,團隊拿同一份設計、同一句 prompt、同一顆模型(Sonnet 4.6),跑了三次「有 Code Connect」對「沒有」的對照測試。

結果是 token 用量平均省下 22.5%,程式碼品質也肉眼可見地更乾淨。真正被省下來的,是代理每次要猜上下文所燒掉的那部分成本。

閱讀原文 →

AI 覺醒 · 訂閱制AI 覺醒設計應用攻略了解訂閱 →
03 / 05 · 💻 設計科技產業

OpenAI 發布 GPT-6 Astra,電腦操作能力再進一格

OpenAI 與 Codex 圖示

OpenAI 週四發布 GPT-6 Astra,公司自己形容它是「電腦與瀏覽器操作的新前沿」。這款模型先開放給用 Daybreak(OpenAI 的資安方案)的客戶,接下來一週內才會陸續推到 Pro、Plus、Enterprise、Business 等付費方案。OpenAI 總裁 Greg Brockman 在記者會上說 Astra 是公司最聰明、也最對齊的模型,還宣稱它是目前軟體工程能力最強的模型。

比較值得設計圈注意的是它用了一種叫 opaque recurrence 的推理技巧——某些任務可以完全不靠語言 token 完成,代價是原本能被監看的推理過程(chain of thought)跟著變得不透明。首席科學家 Jakub Pachocki 把這個現象講成模型演化的自然結果:模型越強,需要的語言 token 越少,能被監看的部分也越少。

常把 ChatGPT、Claude 這類模型接進設計工作流的人,這類電腦操作能力每進一格,能塞進 Figma、Webflow 這些工具裡的自動化就多一分,只是監看那一分到底在幹嘛,會變得更難。

閱讀原文 →

AI 覺醒 · 訂閱制AI 覺醒設計應用攻略了解訂閱 →
04 / 05 · 💻 設計科技產業

Webflow Campaigns:行銷活動拆成四段代理管線

Webflow Designer 建置行銷頁面介面截圖

Webflow Conf 2026 現場,Webflow 端出一款還在報名候補階段的新工具 Campaigns,鎖定做 demand gen 跟成效行銷的行銷人——那種文案寫好、等網頁團隊排期、又等品牌審過,好時機早就過去了的日常。

Campaigns 把整條活動流程拆成四段,全部交給代理跑:Ideate 階段自動把品牌資產萃取成可重複使用的設計系統,再依目標受眾生出簡報;Build 階段直接在行銷人熟悉的介面裡生落地頁跟廣告素材,還能批次生成個人化版本;Launch 階段串行銷表單、直接把素材推進 Google Ads,省掉開工單的流程;Iterate 階段回頭抓流量跟轉換數據,AI 直接給優化建議。

四段裡最值得留意的是 Ideate,把萃取品牌資產這件事變成自動化的第一步,等於把設計系統的角色,從網頁團隊維護的規範,挪到行銷人隨手就能用的素材庫。

閱讀原文 →

COURSE · 線上課程Framer 網站設計課看課程 →
05 / 05 · 🗓️ 設計展會與產業

台中中美館幫「水河師」開回顧展,字體都是手工變形出來的

《搖擺阿哥哥-時代跨域者王水河》展覽視覺與南夜舞廳歷史照片

台中經典地標「南夜舞廳」的設計者王水河(1925—2019),自學出身,年輕時靠畫電影看板起家,戰後開了水河畫房,業務從看板、廣告一路延伸到字體、平面、家具、燈具、建築跟室內設計,帶過 400 多個學徒,臺中街頭很大一片摩登感都出自他手,業界喊他一聲水河師。中美館這次的《搖擺阿哥哥-時代跨域者王水河》,是館方成立以來第一檔用展覽形式呈現的藝術家檔案研究成果,免費入場,爬梳超過千件手稿、老照片跟報章資料,花了一年多。

展名「阿哥哥」指的是 1960 年代美軍駐台帶進來的西洋流行文化浪潮,正好是王水河跨領域創作最活躍的背景。展場分五個子題,其中「摩登時代:字體、廣告與視覺設計」最直接示範他的手藝——電腦排版還沒普及的年代,他純靠繪畫跟造形思維,依商業、醫療、娛樂等不同場合調整字體的飽滿度跟弧度。這次展場把水河圓體用木頭重現圓潤感、水河體用壓克力還原招牌質感、水河隸書體用金屬呼應隸書的金石感,三種字體各配一種材質。

展期之外,美術館周邊也同步推出字體散步地圖,把王水河當年留下的招牌字跡標進臺中街區,等於把一場回顧展,延伸成一條看得到的城市動線。

閱讀原文 →

COURSE · 線上課程Illustrator 攻略看課程 →
今日一句話重點
01
Figma 把透明度收進變數系統,停用狀態與遮罩不用再各建一個顏色。
02
Coinbase 用 Code Connect 對打 AI Coding Agent,token 省下 22.5%。
03
OpenAI 發布 GPT-6 Astra,電腦操作能力再進一格,但推理過程更難監看。
04
Webflow Campaigns 把行銷活動拆成四段代理管線,還在候補開放中。
05
台中中美館幫水河師王水河開回顧展,字體用木頭、壓克力、金屬各自重現手感。
SUBSCRIPTION · AI 覺醒設計應用攻略
每週把最新 AI 設計工具,拆成你能用的工作流
✦ AI 工具實測與工作流分享
✦ 設計師角度的 Prompt 技巧
✦ 每週精選 AI × 設計新知
了解訂閱方案 →