Claude Motion の代替ツール：どんな動画にどのツールを選ぶか（2026年版）

答えは用途によって変わります。コーディングエージェントの中では、Motion Skills、Remotion、HyperFrames が、Claude Motion の「コードとしてのアニメーション」にいちばん近い方法です。ブラウザーでは、Hera と Jitter がコードなしでモーショングラフィックスを作れます。アプリ内のインタラクティブなアニメーションには Rive のような種類のツールが合い、話し手が出る動画には HeyGen が合います。Claude Motion そのものは Claude の Team と Enterprise でしか使えません。このページでは、10 のツールを、どこで動くか、誰がモーションを書くか、何を書き出せるか、費用はどうかで比べます。答えが私たちではない場合も含めて紹介します。

各ツールの情報は、それぞれの公式サイトをもとに2026年10月29日に確認しました。サイトに記載がない項目は、表に「記載なし」と書いています。Motion Skills は私たちが作っているので、その行はその点を踏まえてお読みください。

一覧

	どこで動くか	誰がモーションを書くか	できるもの	料金体系	向いている用途
Claude Motion	Claude の中、Team と Enterprise プラン（ベータ）	Claude が、あなたのプロンプトから	アニメーションの解説動画。MP4 で書き出し	別料金なし。プランの利用枠を使う	すでにそのプランを使っているチーム
Claude Design	Claude の中、すべてのプラン	Claude	デザイン。Anthropic は MP4 アニメーションについて説明していない	Free を含むすべてのプランに含まれる	デザインとスライド。動画ではない
Motion Skills	あなたのコーディングエージェント、自分のパソコン上	スキルの指示を受けたあなたのエージェント	音楽付きの映像一式を MP4 でレンダリング。プロジェクトも手元に残る	Motion Director は無料。1 スキル $4.90、またはプラン	普段使うエージェントで、自分の素材から映像を作る
Remotion	あなたの React プロジェクト	あなたかエージェントが React で	プロジェクトからレンダリングした動画	3 人までは無料。4 人以上の企業はライセンスが必要	開発者、動画プロダクト、大量のレンダリング
HyperFrames	自分のパソコン	あなたかエージェントが HTML、CSS、GSAP で	ヘッドレス Chrome と FFmpeg でレンダリングした MP4	オープンソース、Apache 2.0	エージェントが書く HTML の動画
Motion Canvas	自分のパソコン。ライブプレビュー付きのエディター	あなたが TypeScript で	アニメーション。動画出力は README に記載なし	オープンソース、MIT	コードで解説動画を作る開発者
Hera	ブラウザー	AI エージェントが、あなたのプロンプトから編集可能なレイヤーとして	書き出し形式はサイトに記載なし	トップページに記載なし	プロンプト中心の広告や SNS 用グラフィック
Jitter	ブラウザー	あなたがタイムライン上で、AI 機能の助けを借りて	動画、GIF、Lottie。無料は 720p（透かし入り）、有料プランは最大 4K	無料プラン、編集者ごとの有料プラン	UI やブランド素材をアニメーションにするデザイナー
Rive	エディター、そしてアプリ、サイト、ゲームのランタイム	あなたがステートマシンで	製品の中で動くインタラクティブなアニメーション。MP4 書き出しは記載なし	ここでは扱わない	ユーザーの操作に反応するアプリや Web の UI
HeyGen	ブラウザー	AI の話し手が、あなたの台本から	話し手が出る動画	ここでは扱わない	画面に顔と声が必要な動画

Claude Motion を使いたいのに、プランに含まれていない場合

Claude Motion は Claude の Team と Enterprise だけで提供されているベータ機能です。Free、Pro、Max には含まれておらず、アドオンもありません。どのプランで使えるか、表示されるはずなのに見つからない場合の 4 ステップの確認方法、Team なしで使えるすべての方法は、Claude Motion がプランにない場合にまとめています。要点だけ言うと、Pro または Max なら Claude Code とスキルを使います（ステップごとの手順）。Free なら、同じスキルが Codex、Cursor、Gemini CLI で動きます（方法）。

エージェントと一緒に動くコードのツール

この 4 つは、Claude Motion の根本にある「動画は変更できるコードである」という考え方を引き継ぎつつ、自分のパソコン上で動き、プロジェクトが手元に残ります。

Motion Skills

Motion Skills は、コーディングエージェントが読み込む完全版スキルで、映像タイプごとに 1 つあります。ローンチ映像、解説動画、データ動画、縦型ショート、スライドなどです。エージェントに素材（リポジトリ、サイト、スプレッドシート、台本）を渡し、映像の用途を伝えます。スキルは方向性を選んでキーフレームを見せ、映像をコードとして書き、オリジナルの音楽を作曲し、すべてのフレームを出典と照らし合わせてチェックし、私たちのオープンなエンジン motion-skills で MP4 をレンダリングします。変更はふつうの言葉で頼めます。

Motion Director は無料で、Google ログインだけで使え、どの種類でも 10〜20 秒の映像を作ります。完全版スキルは 1 つ $4.90 で、プランならすべて使えます（料金）。クレジットはありません。Claude Code、Codex、Cursor、Gemini CLI で動きます。

1 本目は私たち自身のローンチ映像で、「ローンチ映像」スキルで作りました。2 本目は npm のダウンロード数をもとにしたデータ動画で、「データ映像」スキルで作りました。ギャラリーのすべての映像に、それを作ったスキルの名前が書かれています。

話し手が出る動画、何千ものバリエーションをレンダリングする動画プロダクト、アプリ内のインタラクティブなアニメーションが必要なときは、別のツールを選んでください。それは以下のツールの役割です。

Remotion

Remotion は、動画を React コンポーネントとして書けるフレームワークです。すべてを制御したい開発者や、サーバーで個別の動画を大量にレンダリングする開発者にとって定番の選択肢です。そのエージェントスキルは、Claude Code、Codex、Cursor に正しい Remotion のコードの書き方を教えます。ストーリー、テンポ、音を決めるのは、引き続きあなたです。

Remotion は個人と 3 人までの企業なら無料で、商用利用も無制限です。4 人以上の企業には Company License が必要です。remotion.pro では、Remotion for Creators が 1 シートあたり月額 $25、Remotion for Automators がレンダリング 1 回 $0.01 で月額最低 $100 です。そのエージェントスキルが完全版スキルと比べて何をするかは、Remotion のエージェントスキルと Motion Skills の比較をご覧ください。

HyperFrames

HyperFrames は HeyGen によるオープンソースのフレームワークで、HTML、CSS、アニメーションを MP4 ファイルに変換します。エージェントがページを書き、レンダラーがヘッドレス Chrome で各フレームをシークし、FFmpeg でエンコードします。ライセンスは Apache 2.0 で、Claude Code プラグインと単体のスキルがあります。当サイトの以前のモーションテンプレート（現在は作例として残しています）は HyperFrames で作られました。エンジン同士の比較は HyperFrames と Remotion をご覧ください。

Motion Canvas

Motion Canvas は「ジェネレーターを使ってアニメーションをプログラムする TypeScript ライブラリ」で、アニメーションをリアルタイムでプレビューできるエディターが付いています。ライセンスは MIT で、解説アニメーションをコードで一歩ずつ手書きしたい開発者に向いています。エージェントスキルのライブラリではありません。アニメーションを書くのはあなたで、動画ファイルの出力方法は README ではなく独自のドキュメントで説明されています。

ブラウザーで使う AI モーションアプリ

Hera

Hera は自らを「AI ネイティブのクリエイティブキャンバス」と呼んでいます。たとえば「Lovable の広告を 3 本、9:16 で」のように作りたいものを説明すると、AI エージェントが 1 つのキャンバス上に画像、デザイン、アニメーションを生成し、それぞれを調整できる編集可能なレイヤーとして置きます。トップページには書き出し形式、料金、透かしについての記載がないので、それを前提に計画を立てる前に確認してください。

Jitter

Jitter は「共同作業できるモーションデザインツール」です。タイムライン上でアニメーションを作り、エージェントや画像から動画への変換などの AI 機能も使えます。料金ページには、プランごとの書き出しの上限が載っています。

プラン	書き出し
Free	720p、30 fps。動画、GIF、Lottie。透かし入り
Pro	1080p、60 fps。ProRes と WebM が追加。透かしなし
Max	4K、120 fps。透過、コマ送り、一括書き出しが追加
Ultra	Max のすべてに加え、AI クレジットが増える

確認した時点では、プランの料金はページ上にテキストとして表示されていませんでした。

エージェントよりアプリが向いているとき

タイムライン上で手で動かしたいとき、ブラウザーでデザインチームと作業したいとき、そもそもコーディングエージェントを使わないときは、アプリを選んでください。映像をすでにパソコンにある素材（リポジトリ、データファイル、台本）から作りたいとき、頼むことで変更したいとき、プロジェクトを手元に残して翌月にもう一度レンダリングしたいときは、エージェントのツールを選んでください。

インタラクティブなアニメーション：Rive と Lottie

Rive は「インタラクティブなグラフィックスのためのエージェントネイティブなエンジン」です。Rive Editor で作り、ステートマシンを加えてアニメーションがユーザーの操作に反応するようにし、Web、iOS、Android、Flutter、React、Unity などのオープンソースのランタイムで製品に組み込みます。これは動画とは別の仕事です。Rive のファイルはアプリの中で動き、サイトには MP4 書き出しについての記載がありません。Lottie も同じ系統で、ランタイムで再生するアニメーション形式です。Jitter は Lottie に書き出せます。動くボタン、ローディング表示、オンボーディング画面が必要ならこれらを使ってください。投稿する映像が必要なら、上で紹介したツールのいずれかを使ってください。

話し手が出る動画：HeyGen

HeyGen は AI の話し手を中心にしたブラウザーアプリで、人物やアバターが画面に出て、あなたの台本をさまざまな言語で話します。動画に顔と声が必要なら、こうした種類のツールが向いています。Motion Skills が作るのはモーショングラフィックス（タイトル、グラフ、図解、字幕、画面の吹き出し）で、アバターは作りません。HeyGen は、私たちの以前のモーションテンプレートが土台にしたオープンソースのエンジン HyperFrames の開発元でもあります。私たちの完全版スキルは、自前のオープンなエンジン motion-skills で動きます。私たちは HeyGen とは関係ありません。

無料のオープンソーススキル

GitHub にはモーション用の無料のエージェントスキルがあり、良いものもあります。頼る前に、そのスキルに何が含まれているかを確認してください。投稿できる動画を作るうえで大事だとわかったのは、次の点です。

• テスト済みのテーマと画面比率。 16:9、9:16、1:1 それぞれに設計されたレイアウト。1 つの画面を他の比率に無理に押し込まない。
• レンダリング前のチェック。 エージェントがレンダリングの前に静止画を見て、崩れているところを見つける。
• 音。 カットに合った音楽と効果音。
• 映像を丸ごと。 記事、スプレッドシート、リポジトリから完成した動画まで。1 つのシーンだけではない。
• 明確なライセンス。 仕事で結果を使っても問題がない。

このサイトのすべてのスキルが満たすべき基準は、私たちの基準にまとめています。

選び方

• Claude の Team か Enterprise を使っていて、チャットで手早く解説動画を作りたい：Claude Motion。
• コーディングエージェントを使っていて、自分の素材から完成した映像を作りたい：Motion Skills。まずは無料の Motion Director から。
• 動画プロダクトを作る開発者、または何千本もの動画をレンダリングする：Remotion。HTML で書きたいなら HyperFrames。
• TypeScript でアニメーションを自分で書くのが好き：Motion Canvas。
• 広告を言葉で説明して、ブラウザーでレイヤーを調整したい：Hera。
• タイムラインとレイヤーで作りたいデザイナー：Jitter。
• アニメーションがアプリの中にあり、ユーザーの操作に反応する：Rive（または Lottie）。
• 話し手や吹き替えが必要：HeyGen。

よくある質問

Claude Motion の代替ツールでおすすめはどれですか？

用途によって変わります。コーディングエージェントを使うなら、Motion Skills（自分のパソコン上で MP4 をレンダリングする完全版スキル）、Remotion（React の動画）、HyperFrames（HTML の動画、Apache 2.0）が、Claude Motion の「コードとしてのアニメーション」にいちばん近い方法です。ブラウザーのアプリがよければ、Hera と Jitter がコードなしでモーショングラフィックスを作れます。話し手が出る動画なら、HeyGen のような種類のツールが向いています。Claude Motion そのものは Claude の Team と Enterprise でしか使えません。

無料で使える Claude Motion の代替ツールはありますか？

はい。HyperFrames は Apache 2.0 のオープンソースです。Remotion は個人と 3 人までの企業なら無料です。Motion Skills の Motion Director は無料で、Google ログインだけで使え、自分のパソコン上で 10〜20 秒の映像をレンダリングします。Jitter の無料プランは 720p で、透かし入りで書き出します。

Hera と Jitter はどちらを使うべきですか？

Jitter はモーションデザインツールで、タイムライン上でレイヤーを使ってアニメーションを作り、AI 機能がそれを手伝います。Hera はプロンプト中心で、作りたいものを説明し、エージェントが生成した編集可能なレイヤーを調整します。キーフレームを自分で動かしたいなら Jitter、説明して直していきたいなら Hera を使ってください。

透かしなしのモーショングラフィックスを無料で作れますか？

はい。自分のパソコン上で動くツールなら作れます。HyperFrames と Motion Canvas はオープンソースで、Remotion は個人と 3 人までの企業なら無料、無料の Motion Director スキルは透かしなしでレンダリングします。Jitter の無料プランでは透かしが入ります。Hera はトップページに記載がありません。

Motion Canvas は動画作りに向いていますか？

Motion Canvas は、コードでアニメーションを作るための MIT ライセンスの TypeScript ライブラリで、ライブプレビュー付きのエディターがあります。アニメーションを自分で書くなら、解説動画に向いています。エージェントスキルのライブラリではありません。

Rive は Claude Motion の代わりになりますか？

ほとんどの場合、なりません。Rive はアプリ、サイト、ゲームの中で動くインタラクティブなアニメーションのためのもので、短い MP4 の映像をレンダリングするためのものではありません。

出典

• Anthropic、Get started with Claude Motion、Claude pricing
• Remotion、remotion.pro（ライセンスとプラン）
• HeyGen、HyperFrames
• Motion Canvas
• Hera、Jitter pricing、Rive

この比較は独立したものです。私たちは Anthropic、Remotion、HeyGen、Motion Canvas、Hera、Jitter、Rive とは関係ありません。Claude は Anthropic, PBC の商標です。その他の名称は各所有者の商標です。2026年10月29日に確認しています。