世界中のトッププロダクトチームから信頼されています
Glass lens menu
Frost shimmer button
Hold-drag action fan
Search caret morph
Donut breakdown
Badge arc checkout
Card axis flip
Tab wheel focus
Self-drawing line chart
Pixel cursor states
Notification stack
Phone turn reveal
Ring spinner beat
Step button states
Stack group expand
Curve loaders
あらゆるUIモーション
すべてUX Pilotで作成した実際のレンダリングです。どれもローンチ、ドキュメント、デザイン仕様向けの動画（MP4、WebM、GIF）としてエクスポートでき、アプリ用のコードとしては書き出しません。
- 01
ローディングアニメーション
読み込みの待ち時間に寄り添うスピナー、ドット、プログレスリング。
目安
最後のフレームが最初のフレームにつながるよう、シームレスにループさせましょう。進捗がわかるときはバーやリングを満たし、わからないときは回転させます。
- 02
ボタンアニメーション
カートに追加、公開、登録などのボタンを押す瞬間、ローディング状態、そのあとの完了表示。
目安
押したらすぐに反応させ、各状態の切り替えは200〜300 ms程度に短く保ちましょう。
- 03
マイクロインタラクション
トグル、いいね、タブ、メニュー。ユーザーの操作に応える小さな瞬間です。
目安
ほとんどのUIモーションは200〜500 msです。要素が入るときはイーズアウト、出ていくときはイーズインを使いましょう。
- 04
数字カウンター
合計、マイルストーン、統計を、大事な数字までカウントアップ。
目安
イーズアウトで最後の数字に向けて減速させ、等幅数字を使って表示がぶれないようにしましょう。
使い方
3ステップでUIモーション
- 01
説明するか、画面を持ち込む
ローディング、ボタンを押す動き、トグル、カウンターなど、何を動かすかを伝えてください。ウェブサイトを貼り付ければAIがそのカラー、フォント、テキストを使います。先にUX Pilotで画面をデザインすることもできます。
- 02
タイミングを調整
チャットで「押す動きをもっとキビキビ」「着地をもっと柔らかく」と依頼するか、エキスパートモードに切り替えてタイムライン、キーフレーム、イージングエディターを使えます。すべてのバージョンが保存されます。
- 03
動画をエクスポート
MP4やWebMでダウンロードするか、ドキュメントやメール向けにGIFで書き出し、縦型、正方形、4:5のバージョンも依頼できます。有料プランでは最大60 fpsでエクスポートできます。
UIアニメーションテンプレート
ボタン、メニュー、ローディング、カウンター、アプリ画面まで、すべてUX Pilotで作成。ひとつ選んで始めるか、AIに自社製品向けの似たアニメーションを作ってもらいましょう。
- Pro
Search caret morph
- Pro
Ring spinner beat
Donut breakdown
Notification stack
- Pro
Glass lens menu
Curve loaders
- Pro
Tooltip tally pop
- Pro
Island charge approval
- 登録して利用する
300以上のテンプレート
ローンチ動画、解説動画、ロゴリビール、キネティックタイポグラフィ、UIインタラクションなど、すぐに自分仕様にできます。
UI動画の活用シーン
UX Pilotは、製品を見せるあらゆる場所に合わせてUIモーションの動画を作成します。
ローンチと変更履歴
ローンチ投稿、リリースノート、アップデートメールで、新しいインタラクションが動く様子を見せましょう。
ドキュメントとヘルプセンター
手順の横に短いGIFや動画を置けば、クリックすると何が起こるかがひと目でわかります。
製品ページとアプリストア
ユーザーが試すかどうかを決める場所で、機能が動く様子を短いループで見せましょう。
SNS投稿
同じ作品の縦型、正方形、4:5のバージョンを、サウンド付きであらゆるフィードに。
デザイン仕様とハンドオフ
意図したタイミングやイージングを、チケットで説明する代わりに開発者に見せましょう。
ピッチ資料とデモ
静止したスクリーンショットではなく、スライドにループを入れて動く製品を見せましょう。
その他の機能
Kresimir Retih,
プロジェクトマネージャー"私にとってまさにゲームチェンジャーでした。登録してからワークフローが格段にスムーズになり、生産性も大幅に向上しました。直感的で使いやすいプラットフォームなので、UX作業がとても簡単かつ効率的になります。UXプロセスを効率化したい方に強くおすすめします。"
製品チーム、デザイナー、創業者から信頼されています
UX PilotのAI搭載ツールで、製品のデザインからプロトタイプ作成、アニメーションまでを手がけるプロフェッショナルが集まる、成長中のコミュニティに参加しましょう。
0万+
ユーザー
0M+
生成された画面数
0
デザイナーと開発者からの評価
0+
国・地域
よくある質問
UIアニメーションと、UX Pilotでの作り方について知りたいことのすべて
今すぐUIに動きを
動きを説明するかウェブサイトを貼り付けるだけで、仕上げてエクスポートできるUIアニメーション動画が完成します。
