Figma 在 Config 2026 發表 Figma Motion,將時間軸帶進原本放置元件、variables 與版面的同一張畫布。當動態能更早進入設計檔,團隊有機會把它從『最後加上的效果』變成可被討論的互動規格。
動態在說明狀態,而不只是增加吸引力
按鈕的回應、頁面切換與載入過程,都在告訴使用者系統是否理解他的操作。若節奏過慢、方向不明或每個地方都使用不同效果,介面就會比靜態畫面更難讀。
把時間軸放回畫布,可以讓產品、設計和工程在實作前看見轉場是否真的協助理解,而不是只在展示時好看。
需要被系統化的是原則
團隊不必為每個畫面建立複雜動畫,但應先定義少數可重複使用的原則:哪些狀態需要回饋、何時減少移動、常用時間長度與 easing 是否一致。
這些原則可逐漸形成 motion tokens 與元件狀態。它們讓跨平台體驗更一致,也使工程端不必從設計影像猜測動畫意圖。
別忘了減少動態的選項
動態可能造成暈眩、分心或認知負擔。可用性不是在所有地方加入轉場,而是確保使用者能理解並控制動態。
真正成熟的 motion 設計會同時規畫 reduced motion、錯誤與中斷狀態。工具讓動畫更容易製作後,設計師更需要對『何時不該動』保持敏感。