📰 本日設計情報｜2026/07/01：Figma Code Layers 七月開跑、Framer Agents 進畫布、Claude 把實驗室變工作台
Figma 把程式碼請進畫布、Framer 讓 agent 直接動手、Claude 把實驗室變成工作台——設計師的桌面正在重組。
設計工具的邊界，這個月被重畫了一次。Figma 把程式碼搬進畫布、Framer 讓 AI agent 直接站上你的檔案動手、Anthropic 索性把整座科學實驗室壓成一張可對話的工作台。工具不再只是「畫圖的地方」，它正在變成「你跟 AI 一起工作的那張桌子」。再加上 Apple 悄悄替 Liquid Glass 留了一條可讀性退路，還有一份報告攤開來說：91% 的設計師現在每週都在用 AI。以下是最近最值得關注的 5 則消息。
🔥 Figma Code Layers 七月開跑：設計稿和程式碼之間那道牆，開始拆了
設計交付長年卡在同一個地方——設計師切圖、寫標註，工程師再對著標註重刻一次。Figma 在 Config 2026（6/24 keynote）發表的 Code Layers，這個月開放早期使用，想直接把這道工序抹掉。
在畫布上，你可以把任何一層設計「一鍵變成會動的程式碼層」：clone 一個 repo、把設計檔接上現有的 codebase，甚至把瀏覽器裡正在運作的真實 UI 抓回來，變成可編輯的 frame。搭配同場亮相的 Figma Motion（畫布內時間軸動畫）、shader fills、generative plugins 和升級版 Figma agent，Figma 想把「設計」跟「實作」壓進同一個檔案裡。
對設計師，這代表交付的形狀變了——設計稿本身就帶著能跑的邏輯，而不是一疊等人翻譯的圖。但別誤會成「以後不用懂 Figma」：Code Layers 越強，auto layout、component、variable 這些基本功就越是你駕馭它的底氣。它是加速器，不是讓你跳過基本功的捷徑。
閱讀原文 — Figma Blog：Config 2026 Recap →
📖 延伸學習
Framer 3.0：如果 Figma 把 code 請進畫布，Framer 是把「員工」請進畫布
同一個月，Framer 3.0 從另一個方向拆同一道牆。它推出 Framer Agents——AI 直接在畫布上幫你設計整頁、做斷點、加效果、寫元件、接 CMS、整理樣式，甚至看網站數據。更聰明的是，它能透過 MCP 串接你已經在用的 Claude Code、Cursor、Codex，把外部 agent 的工作流延伸進網站製作。
另一個實用的補丁是 Branching：像 Git 一樣開一條分支改版，改完 review、滿意了再 merge 回正式站，過程完全不會動到 production。對常常「改一改就把線上站弄壞」的團隊，這是遲來的安全網。
agent 幫你把第一版跑出來、branching 讓你放膽實驗，但「哪一版該上線」還是設計師的品味在拍板。實務上的分工很清楚：前期用 Framer 衝速度、把想法變成能上線的網站，需要精細的系統化設計時，再回 Figma 收尾。
閱讀原文 — Framer Blog：Introducing Framer 3.0 →
📖 延伸學習
Anthropic 發表 Claude Science：這回 Claude 不做圖，改做科學
繼 Claude Design 之後，Anthropic 在 6/30 推出 Claude Science beta（macOS / Linux，Pro / Max / Team / Enterprise 方案）——一個給科學家的 AI 工作台。它內建 60 多個科學資料庫，能渲染 3D 蛋白質結構、genome 軌道，每一個輸出都可稽核、可重跑，還配了一個 reviewer agent 幫你檢查分析結果。Anthropic 同步啟動內部藥物探索計畫，接上 Nvidia 的 BioNeMo toolkit，並開放最多 50 個研究專案、每案 3 萬美元 credit（7/15 截止申請）。
表面上跟設計八竿子打不著。但把它放進這半年的脈絡就有意思了：Claude Design、Figma agent、Framer Agents、現在輪到科學——「AI 工作台」這個型態，正在一個領域一個領域地被複製。把某個專業的所有工具收進一個可對話、可稽核的介面，讓 agent 跑流程、人來驗收。
所以設計師真正該練的，不是背下今天又冒出哪個新工具，而是那套跨領域通用的能力：怎麼指揮 agent 跑完一段流程、又怎麼一眼看出它的產出哪裡不能信。
閱讀原文 — Anthropic News：Claude Science →
Apple 幫 Liquid Glass 加了「調濃」開關：美，但可讀性要留退路
iOS 26 的六月底更新裡，Apple 替 Liquid Glass 加了一個 tinted（著色）選項——把材質的不透明度調高，讓 app 介面、鎖定畫面上的通知在複雜背景前更好讀。等於 Apple 自己承認了一件事：純透明的玻璃質感很漂亮，但可讀性得留一條退路。
這對做介面的人是一堂即時案例課。擬物質感正在回潮——frosted glass、反射、折射、光影，2026 的視覺明顯在離開扁平化。但「好看」不能用「看不清」去換。Apple 的解法不是二選一，而是給一個系統開關：預設走好看的版本，需要時可以退回實用。
這個「預設美、可退回」的設計決策，比 Liquid Glass 本身更值得抄進你自己的元件庫。任何用了低對比、玻璃感、細字重的元件，都該問一句：讀不清的時候，使用者有退路嗎？
閱讀原文 — Apple Support：iOS 26 Updates →
一年前一半設計師每週用 AI，現在是 91%——工具爆炸的下一題是「怎麼串」
一份 2026 的設計 AI 現況報告把數字攤開來：每週用 AI 做設計的比例，從去年的 54% 跳到 91%，其中 75% 每天都在用。平均工具數從 3 個直接翻倍到 7 個。Claude 超車 ChatGPT，coding 工具（Claude Code、Codex、Cursor）擠進設計流程的核心，而 Figma 的角色也變了——從「主戰場」變成「精修的手術刀」：先在 AI 或 dev 環境做原型，再翻回 Figma 調 radius、padding 這種細節。
好消息是 91% 的人說 AI 讓成品更好、89% 說更快。但報告也戳破一個焦慮的真相：將近一半的設計師，到現在還在找自己的「本命工具」。
換句話說，這個階段真正的門檻不是「你用哪個工具」，而是「你怎麼把它們串起來」。與其追著每一個新發布跑，不如把判斷力練利——面對任何一個冒出來的新工具，你要能快速看出它值不值得進你的工作流。這才是工具再怎麼換都不會過期的底層能力。
閱讀原文 — State of AI in Design 2026 →
