無料のオンライン UI アニメーション ツールには、トランジションのプロトタイプを作成する場所、再生アセットを作成する場所、またはアプリで実行できるモーションを生成するツールという 3 つの異なる意味があります。無料プランは 3 つのカテゴリすべてに存在しますが、同じ出力が得られるわけではありません。
簡単なプロトタイプの場合は、通常、Figma と Jitter が開始点となります。 Figma の Smart Animate はフレーム間をトゥイーンでき、Jitter は短いインターフェイス アニメーション用に構築されています。どちらもブラウザーで実行され、無料で開始できます。コードを書く前にタイミングや感触について合意するのに適しています。どちらも、アプリにステート マシンを同梱するランタイムではありません。
再生アセットの場合、LottieFiles が一般的な無料エントリ ポイントです。 Lottie ファイルをプレビューおよびテストでき、この形式は Web、iOS、Android、および Flutter でサポートされています。 Lottie ファイルは固定アニメーションを再生します。ユーザーがタップしたとき、フォームに失敗したとき、または設定を変更したときにどうするかは決まりません。
インタラクティブな制作 UI の場合、ExodeUI のコミュニティ プランは無料です。エディターはブラウザーまたはデスクトップ アプリとして実行され、出力は React、Vue、Svelte、Angular、Solid、React Native、SwiftUI、Flutter のランタイム パッケージによって再生される 1 つの開いた .exode JSON ファイルです。ステート マシン、スプリング物理学、入力およびイベントはファイルの一部です。プロフェッショナルは月額 29 ドルです。 ExodeUI は確立されたツールよりも新しいため、チームをコミットする前に必要なランタイム パスをテストしてください。
無料と無制限は同じではありません。エクスポートにウォーターマークやスプラッシュ スクリーンが含まれるかどうか、無料枠で商用利用が許可されているかどうか、取得できるシート数、支払いを停止した場合にファイルはどうなるのかを確認してください。これらの条件は表示価格よりも重要です。