📰 本日設計情報｜2026/06/17：LottieFiles 把動效做成設計系統、Android 17 讓 App 變漂浮泡泡、Apple Design Award 揭曉
AI 把生成變便宜後，設計師的價值往系統與手藝兩處收斂——今天五則消息剛好都長在這兩個字上。
AI 把「生成」變便宜之後，設計師剩下的價值往兩個地方收斂：系統，和手藝。今天五則消息剛好都長在這兩個字上。
LottieFiles 把動效從一次性的炫技，收編成團隊能共用的設計系統；Android 17 把「漂浮泡泡」這個新的互動原語，直接塞進每一支手機；Apple Design Award 揭曉，得獎的全是把 Liquid Glass 細節摳到發亮的手藝活；Figma Config 下週在舊金山開場，整個設計圈又要聚在一起對帳一次「我們到底在往哪走」。最後一則收在一個機器還接不住的題目——怎麼把圖表做到讓每個人都讀得懂。
以下是最近最值得關注的 5 則消息。
🔥 LottieFiles 把動效變成設計系統——在 Figma 裡像套色票一樣套動畫
動效一直是設計系統裡最後一塊沒人守的地方。顏色有 token、間距有 token，但動畫的緩動曲線、時長、節奏，往往還停在每個人各憑手感、口頭交接的階段。LottieFiles 6/12 推出的 Motion System for Figma（v114）就是來補這塊。
它讓你先定義一套自己的動效系統——緩動、時長、字體、配色全部收進可管理的集合，還能直接瀏覽現成的動效預設；接著在 Figma 裡像套色票一樣，把這套系統套到作品上，匯出前還能即時預覽。更實用的是文字圖層會以真正的 Lottie 文字匯出，字體 metadata 一起帶走，不必再轉外框。
對設計師，這代表動效終於能跟顏色、字級站在同一個高度被「系統化」管理，而不是每次重畫。AI 幫你生圖、生 code 的同時，把動效這種吃團隊一致性的東西先收進系統，交付才不會每個人跑出不同節奏。底層還是 Figma 那套結構，Lottie 只是讓「會動的部分」也能被治理。
閱讀原文 — LottieFiles for Figma →
📖 延伸學習
Android 17 正式版上線——App 變成可以拖著走的「漂浮泡泡」
6/16 隨著 Android 17 正式版，Google 一起推了 Pixel 六月功能更新，主打一個新的互動原語：Bubbles。任何 App 都能像聊天泡泡一樣浮在你正在看的畫面上，需要時點開、不需要時縮回一顆可以拖著走的小圖示。摺疊機更進一步，多了專屬的 Bubble Bar，收在展開螢幕的右下角。
這不只是換個動畫。它把「多工」從「切來切去的全螢幕」改成「一直懸浮在手邊」，等於在系統層級給了設計師一個新的容器去想資訊架構——什麼內容值得浮在最上層、泡泡縮起來時要留下什麼線索。
做行動產品的設計師該提早練這個手。OS 一給出新的互動模式，最早把它設計得順手的人，作品就會看起來比別人新一截。與其等規範定下來，不如現在就拿自己的 App 想想：哪一段流程值得變成一顆泡泡。
2026 Apple Design Award 揭曉——得獎的都是把 Liquid Glass 摳到發亮的手藝活
Apple 公布了 2026 Apple Design Award 名單，12 組 app 與遊戲從 36 組全球入圍裡勝出，分六大類：愉悅與趣味、包容性、創新、互動、社會影響、視覺與圖像。
值得設計師細看的是「互動」與「視覺」兩類。拿下互動獎的月相 App Moonlitt、視覺獎的潮汐 App Tide Guide，得獎理由裡都明確點到「一流的 Liquid Glass 整合」——同樣一套系統素材，有人做出來廉價、有人做出來高級，差別就在那層手藝。NBA 在 Vision Pro 上同時看五場比賽、3D 球場桌面模式，則示範了空間介面還有多少沒被開發的設計題。
這份名單值得當 swipe file 收，但收的重點是去拆解「為什麼這個細節讓它看起來比競品貴」，照抄整套反而學不到東西。AI 能幫你把畫面生出來，但把 Liquid Glass 的透明、模糊、光影調到剛好的那一哩，現在還是設計師的手在收。
Figma Config 2026 下週開場——設計圈一年一度的對帳時刻
Figma 一年一度的 Config 大會 6/23–25 在舊金山 Moscone Center 登場，實體加線上同步。對設計師，這是每年最值得空出時間看 keynote 的場子——過去兩年 Figma 的 Sites、Make、Buzz、Draw，還有自家設計 agent，都是在這個舞台首次公開。
今年特別值得盯，是因為這半年設計工具圈火藥味特別重：Claude Design 攪局、Adobe 把第三方模型整排接進來、大家都在重新定義「設計工具該長什麼樣」。Config 通常是 Figma 給出年度方向的地方，看它怎麼接招，等於提前知道明年你的工作流會被推往哪。
不用人到舊金山，線上就能看。看的重點別只追新功能清單，多聽 Figma 怎麼描述「設計師在 AI 時代的位置」——那句定調，往往比任何單一功能都更影響你接下來一年怎麼練手。
📖 延伸學習
收尾讀物：把圖表做到人人讀得懂，是 AI 還搬不走的功夫
最後留給願意讀到底的人一則慢的。UX 研究者 Stéphanie Walter 每週整理的「Pixels of the Week」6/14 這期，照例把散落各處的設計與前端好文收成一份清單，裡頭有一條主線特別值得設計師停下來想：無障礙，正在從「合規的勾選項」變成「品質的基本盤」。
最具體的例子是資料視覺化。一張圖表要讓用螢幕報讀器的人也讀得懂、又不靠顏色就能分辨，做法其實跟「讓所有人都更好讀」高度重疊——對比拉夠、把趨勢拆成小圖、每段加上文字標籤。這些都不是額外負擔，反而讓圖表本身更清楚。
這正是 AI 還接不住的地方。模型可以幫你生一張好看的 chart，但「這張圖對看不見顏色的人還成立嗎」這種判斷，得有人心裡先有那把尺。把無障礙當成設計品質的內建項，而不是上線前的補丁——這是這一兩年最值得養成的習慣。
