本日設計情報｜2026/07/17：Framer 互動漸層特效、Blender 5.2 電影級物理引擎、iOS 27 打破 15 年手勢記憶
Framer 漸層跟著滑鼠跑、Blender 免費塞進電影級物理引擎、iOS 27 動了 15 年手勢記憶——今天的設計情報。
Framer 這次把滑鼠游標也拉進了畫面裡，漸層跟著游標飄動；同一天，免費的 Blender 丟出一個連付費軟體都要重新想想的物理引擎。蘋果那邊，iOS 27 直接動了使用者 15 年沒改過的手勢肌肉記憶，把最順手的那個下滑動作讓給了 Siri。而 Figma 圈子裡，大家在吵一個更根本的問題：一個元件，到底該活在 Figma 裡，還是活在 code 裡。最後一篇談「從感覺對到寫進工單」的文章，把今天的浮動主題收攏成一句話——工具在動，方法也要跟著換。
🔥 Framer 漸層特效跟著滑鼠跑：Liquid Gradient、Logo Gradient 兩款 Shader 加入互動
Framer 在自家 Shader 庫裡幫兩款招牌特效裝上滑鼠感應。Liquid Gradient 原本只是螢幕上緩緩流動的色塊，現在游標一靠近，色彩就像被磁鐵吸過去一樣彎折；Logo Gradient 則讓 SVG 或 PNG 上的漸層跟著游標偏移，logo 頁瞬間有了呼吸感。操作上只要選取 Shader、點開新加的 Mouse 屬性就能接上，不用額外寫互動邏輯。
這種「加一個屬性就換個手感」的做法，才是 Framer 這幾年真正在做的事——把過去要靠 GSAP 或自訂 shader 才做得到的效果，收進一個下拉選單。對接案設計師來說，這代表 hero 區塊的差異化，重點已經移到敢不敢把互動也算進版面設計，配色反而只是基本盤。
COURSE · 線上課程Framer 網站設計課看課程 →免費到讓人心虛：Blender 5.2 LTS 塞進電影等級物理引擎
Blender 5.2 LTS 正式釋出，照理說 LTS 版本該是修 bug、補安全性，這次卻塞進一批大改動：以 Geometry Nodes 為底的物理系統，直接處理布料和毛髮的模擬；Principled BSDF 新增 Thin Wall 模式，處理玻璃杯、塑膠袋這類薄殼材質不用再靠障眼法湊合；Cycles 渲染引擎加了 Texture Cache，重複渲染同一場景時省下大把等待時間。時間點也巧，官方前腳才公布要拍一部劇場長片，後腳就把電影規格的工具放進免費版本。
對還在猶豫該不該碰 3D 的設計師，這次更新把「入門門檻」和「專業門檻」的距離又拉近一截——布料物理過去要靠外掛或 Houdini 才有的手感，現在打開 Blender 就內建。免費軟體最會的事，是把專業門檻偷偷往下移一截。
COURSE · 線上課程Figma 全攻略看課程 →iOS 27 打破 15 年手勢記憶，那個下滑動作現在歸 Siri
iPhone 和 iPad 用了 15 年的手勢邏輯，被 iOS 27 動了一刀。開啟 Siri AI 之後，螢幕正上方那個「由上往下滑」原本是叫出通知中心的手勢，現在改成呼叫 Siri；想看通知，得改滑左上角，通知中心也跟著從那個新角落展開。iPad 上變動更明顯，官方直接把上緣切成左右兩塊——左邊留給通知，右邊留給控制中心，中間絕大部分空間讓給 Siri 待命。這是自 2017 年 iPhone X 重新分配控制中心手勢以來，蘋果對這塊手勢版圖最大的一次搬遷。
早期回饋對新的 Siri AI 出乎意料地正面，使用者願意用「重新學一次手勢」去換一個更快叫得到的助理。這對做介面設計的人是個提醒：肌肉記憶可以動，但要有夠大的誘因才值得動——蘋果賭的是叫助理比看通知更高頻的使用情境，設計師在拆自己產品的手勢邏輯時，也該先問同一個問題。
COURSE · 線上課程Figma 全攻略看課程 →元件住在 Figma 還是 Code？一份「契約」讓兩邊自動同步
Christine Vallaure 在 UX Collective 點名一個 design system 老問題：同一個元件，Figma 團隊維護一份，工程團隊維護另一份，兩邊各自改版，遲早會飄開。她引用 Southleft 與 Nathan Curtis 提出的做法——不挑一邊當「正本」，而是另外寫一份 JSON 或 YAML 當作「契約」，Figma 端和 code 端都從這份契約自動生成，誰跟契約對不上，馬上就抓得到。
這篇最有說服力的地方是丟出數字：Southleft 實測讓 AI 自由生成元件，品質只有 69 分；把 AI 限制在契約規格裡生成，分數衝到 100。等於在說——沒有規格文件時，AI 生成元件會跟人一樣亂猜；把規格釘死，它反而比人穩。文章也點出這條路現在只服務得起大團隊，工具要做到像 Tokens Studio 讓 Style Dictionary 平民化那樣簡單，小團隊才用得上。
COURSE · 線上課程Figma 全攻略看課程 →從 Vibe 到 Spec：一套框架把「感覺對不對」寫進工單
Darren Yeo 在 UX Collective 提出 SAID 框架，想解決 AI 生成工具帶來的新麻煩：設計稿一鍵生成後，「這版感覺對不對」變成唯一的判準，卻沒人寫得出來為什麼對、為什麼不對。SAID 把這個模糊的判斷拆成可以交接的步驟——把感覺翻譯成具體規格，再讓規格走過原型驗證，最後才進入產品，整個過程刻意把「說得出理由」當成關卡，而不是生成完就結案。
這其實是在幫 vibe coding 補一塊：生成的速度快，但團隊要往下走，靠的還是那份能被讀懂、被挑戰、被交接的規格。框架好不好用是一回事，它點出的問題是真的——生成變得跟呼吸一樣簡單之後，寫得出「為什麼」的人變成整個流程裡最稀缺的角色。
COURSE · 線上課程Figma 全攻略看課程 →