ガイド · 2026年10月10日更新
Claude でアニメーションを作る方法
Claude がアニメーションを作る方法はいくつかあります。どれが合うかは、動画ファイルが必要かどうかと、利用中のプランによって決まります。
1. アニメーション付きアーティファクトを依頼する
どのプランでも、チャットで Claude にアニメーション付きの HTML や SVG のアーティファクトを依頼できます。会話の横に表示され、ブラウザ上で再生されます。手早くビジュアルを作りたいときに便利です。制限として、これはWebページであり動画ファイルではなく、タイムラインもありません。
2. ワークスペースで使えるなら Motion を利用する
Motion は、Team と Enterprise 向けに Anthropic が提供するベータ機能です。Claude 内で編集可能なアニメーション解説動画を作成し、MP4 に書き出せます。
3. Claude Code とレンダラーを使う
Pro と Max に含まれる Claude Code なら、タイムライン付きの HTML ファイルとして本格的なアニメーションを書けます。その後、HyperFrames のようなオープンソースのレンダラーが、お使いのコンピュータ上でフレームごとにキャプチャして MP4 にします。
MotionKit がパッケージ化しているのはこの方法です。白紙の状態からプロンプトを書くのではなく、完成したスタイルと、数値を正確に保つワークフローからエージェントが作業を始めます。
3つすべてに当てはまるコツ
- 長さを指定しましょう。「30秒」と伝えれば、モデルは何が大事かを選ぶことになります。
- 変えてはいけない点を伝えます。「数字は書かれているとおりに保つこと」など。
- アニメーションを作る前に、まずストーリーボードを頼みましょう。
- 1シーンにつき1つの内容にします。2文が必要になるなら、それは2シーンです。
同じ6シーンを、あらゆるスタイルで
よくある質問
Claudeでアニメーションは作れますか？
はい。チャットでは、アニメーション付きのHTMLやSVGのアーティファクトを作成できます。TeamおよびEnterpriseのワークスペースでは、Motionベータで編集可能なアニメーション解説動画を作れます。Claude Codeを使えば、MP4にレンダリングできるコンポジションも作成できます。
ClaudeはMP4を書き出せますか？
Motionベータなら、対応プランで書き出せます。Claude Codeでも、HyperFramesなどのローカルレンダラーがあれば可能です。チャットのアーティファクト単体では書き出せません。
どのClaudeプランが必要ですか？
アーティファクトはすべてのプランで使えます。MotionにはTeamまたはEnterpriseが必要です。Claude CodeはProとMaxに含まれます。
関連記事
- Claude Motion が表示されない原因
- Claude Motion の料金をプラン別に解説
- Claude Motion 風の例を実際にレンダリング
- Claude Motion と Runway、HeyGen、Canva の比較
- Claude のアーティファクトを動画にする
- Claude CodeとCodex向けのオープンソースモーションスキル
MotionKit は独立した製品であり、Anthropic、HeyGen、Runway、Canva、Remotion、Motion Canvas とは提携していません。製品名は各所有者に帰属し、説明と比較の目的でのみ使用しています。