免費的線上 UI 動畫工具可能意味著三種不同的含義:製作過渡原型的地方、製作播放資源的地方,或產生應用程式可以運行的動作的工具。免費方案存在於所有三個類別中,但它們不會為您提供相同的輸出。
對於快速原型,Figma 和 Jitter 是通常的起點。 Figma 的智慧動畫可以在影格之間進行補間,而 Jitter 是為短介面動畫而建構的。兩者都在瀏覽器中運行,並且都有免費的啟動方式。他們非常適合在編碼之前就時間和感覺達成一致。在應用程式中提供狀態機的運作時也不是。
對於播放資產,LottieFiles 是常見的免費入口點。您可以預覽和測試 Lottie 文件,該格式在 Web、iOS、Android 和 Flutter 上受支援。 Lottie 檔案播放固定動畫。它不會決定當使用者點擊、表單失敗或更改設定時要做什麼。
對於互動式製作 UI,ExodeUI 的社群計畫是免費的。該編輯器在瀏覽器中運行或作為桌面應用程式運行,輸出是一個打開的 .exode JSON 文件,由 React、Vue、Svelte、Angular、Solid、React Native、SwiftUI 和 Flutter 的運行時包播放。狀態機、彈簧物理、輸入和事件是文件的一部分。專業人士每月 29 美元。 ExodeUI 比已建立的工具更新,因此在提交團隊之前測試您需要的運行時路徑。
免費不等於不受限制。檢查導出的內容是否帶有浮水印或閃屏、免費套餐是否允許商業用途、您獲得的席位數以及如果您停止付費,文件會發生什麼情況。這些條款比標價更重要。