這兩個術語回答不同的問題。 Smart Animate 回答「發生了什麼變化？」它查看兩個幀，找到名稱匹配的圖層，並將其位置、大小、旋轉、不透明度和其他屬性從一幀動畫到另一幀。
緩和回答「隨著時間的推移它如何變化？」Figma 可讓您選擇標準曲線，例如緩出曲線、自訂三次貝塞爾曲線或彈簧。彈簧緩動是由物理設定、剛度、阻尼和質量定義的，而不是固定的持續時間，因此運動會像真實物體一樣加速和穩定。
真正的區別出現在程式碼中。在產品中，彈簧可以從元素的當前位置和速度開始。如果使用者中斷過渡或輕彈紙張，運動會自然地繼續而不是跳躍。原型過渡每次都以相同的方式播放，這對於顯示意圖很好，但不能顯示運動在真實輸入下的行為方式。
因此，Figma 原型是一個很好的參考，但開發人員仍然在程式碼中重建運動。為了保持值一致，許多團隊將彈簧設定保存為運動標記。我們免費的 Figma 動畫到 Spring 轉換器將 Figma 緩動轉換為可在代碼中使用的彈簧設定。
如果您希望互動式版本成為可交付成果而不是參考，則需要具有執行時間的工具。我們製作的 ExodeUI 將狀態、彈簧和事件儲存在一個在應用程式中運行的檔案中。