Rive logo

Rive

フリーミアム

Riveは、アプリ、ゲーム、Webサイトで生き生きと動く、インタラクティブなリアルタイムアニメーションを作成できる最新のデザインツールです。

公式サイトへ

機能をひと目で

掲載されている機能を確認し、必要な詳細をチェックしましょう。

  • リアルタイムのインタラクティブアニメーション
  • 軽量なベクターアセット
  • 高機能なアニメーションステートマシン
共通のタグとキーワードに基づく候補IdeogramFigmaMasterGo
designui-uxrive
Rive のスクリーンショット 1

概要

Riveは、アプリ、ゲーム、Webサイトで生き生きと動く、インタラクティブなリアルタイムアニメーションを作成できる最新のデザインツールです。重い動画ファイルやスプライトシートを書き出す従来のタイムライン型アニメーションツールとは異なり、ユーザー入力や実行時のロジックに反応する軽量なベクターアニメーションを作成できます。デザイナーはRiveエディターでアニメーションを制作し、開発者はWeb、iOS、Android、ゲームエンジンなどの主要プラットフォーム向けRiveランタイムを使って製品に組み込みます。

Riveでは、モーションを再生するだけでなく、動作を制御できます。ステートマシンを使えば、デザイナーはコードを書かずに、タップ、ホバー、ジェスチャー、ゲーム内イベント、システム状態に応じたアニメーションの動きを定義できます。これにより、製品の動作と連動する洗練されたUIマイクロインタラクション、アニメーションアイコン、オンボーディング、キャラクターアニメーションを作成できます。

リアルタイムで動作するため、チームはすばやく反復し、アセットのサイズを抑えながら、プラットフォーム間のビジュアルを統一できます。デザイナーはエディターでモーションのロジックを管理し、開発者はコードから入力を接続することで、スムーズに共同作業できます。モバイルアプリ、複雑なデザインシステム、インタラクティブなWebサイト、ゲームなどに、ユーザーが期待する滑らかで応答性の高い動きを加えられます。

料金

フリーミアム

詳細な料金プランは未確認です。最新の利用上限と請求条件は公式サイトをご確認ください。

公式サイトへ

料金や制限は変更される場合があります。通貨、請求期間、最低ユーザー数、利用上限は公式サイトをご確認ください。

活用事例

  • ボタンの押下、トグル、画面遷移など、ユーザー入力にリアルタイムで滑らかに反応するUIマイクロインタラクションをデザインする。
  • 大きな動画ファイルを使わず、Webやモバイルで動きのあるブランドイラスト、ロゴ、オンボーディングを作成する。
  • Riveのステートマシンを使い、ゲーム内イベントに反応するキャラクターや環境のアニメーションを構築する。
  • モーションを多用する製品コンセプトをすばやく試作・検証し、制作に使えるアセットを開発者に直接引き渡す。
  • デザインシステム用の共有モーションライブラリを整備し、複数の製品やプラットフォームでアニメーションの一貫性を保つ。

機能

リアルタイムのインタラクティブアニメーション

軽量なベクターアセット

高機能なアニメーションステートマシン

クロスプラットフォームのランタイム連携

デザイナー向けのモーション制作ワークフロー

ライブプレビューとすばやい反復

チームでの共同作業とアセット再利用

アプリ、Web、ゲームに対応

レビュー

まだレビューはありません。最初の体験談を投稿してみませんか!

よくある質問

Riveとは何ですか?従来のアニメーションツールとはどう違いますか?

Riveは、ユーザー入力やアプリのロジックに反応するリアルタイムのベクターアニメーションを作成できる、インタラクティブアニメーションのデザインツールです。主に動画やスプライトシーケンスを書き出す従来のツールと異なり、デザイナーはステートマシンで動作を定義し、開発者はアニメーションをアプリ、Webサイト、ゲームに直接組み込めます。

Riveはどのプラットフォームやフレームワークに対応していますか?

Riveは、Web、iOS、Android、複数のゲームエンジンなど、主要なプラットフォーム向けのランタイムを提供しており、インタラクティブなアニメーションを製品に直接組み込めます。対応するフレームワークや連携機能の最新情報は、公式ドキュメントをご確認ください。

Riveを使うにはプログラミングの知識が必要ですか?

デザイナーはコードを書かずに、Riveエディターだけでステートマシンを含むアニメーションを作成・管理できます。その後、開発者が利用可能なランタイムを使い、コードからアニメーションを実際のデータや操作に接続します。これにより、モーションのデザインと実装を明確に分担できます。

Riveはパフォーマンスやファイルサイズにどのような影響がありますか?

Riveはベクターアセットとリアルタイムレンダリングを使用するため、大容量の動画や高密度のスプライトシーケンスと比べて、ファイルが小さく、より滑らかに動作する傾向があります。適切に実装したRiveアニメーションは、本番環境のモバイルアプリ、Webインターフェース、ゲームで利用できます。

Riveは無料ですか?料金体系はどのようになっていますか?

Riveでは、利用方法やチームのニーズに応じて複数のプランが用意されています。一部の機能は無料で利用できる場合があり、その他の機能には有料プランが必要です。正確な最新料金は公式サイトでご確認ください。

ランキングと特集