Claude Design と Claude の HTML を MP4 に

Claude から動画ファイルへ

1. <style>

   h1 { animation: rise 1.2s }

   @keyframes rise { … }

   </style>

   <h1>Hello</h1>

   HTMLanimation.html
   01

   書き出す、またはコピー

   Claude Design ではプロジェクトを .zip で書き出します。チャットからなら、HTML をコピーするかファイルをダウンロードします。

2. 16:9

   9:16

   1:1

   ⏱ 4.5 s · auto
   02

   ドロップする

   .zip か .html をツールにドロップするか、コードを貼り付けます。画像・スクリプト・フォントは .zip から読み込まれます。

3. 142 / 180

   →

   MP4GIF60 fps
   03

   レンダリング

   MP4・GIF・WebM とサイズを選ぶと、1 フレームずつ描かれ、ダウンロードできるようになります。

形式

1 回の貼り付けで、すべての形式に

使う場所に合わせてファイルを選べます。同じページをどの形式にも、3 つの画面比のどれにでも書き出せます。

• MP4

  H.264 · 720p、1080p、4K · 24/30/60 fps

  SNS 投稿、スライド、動画編集ソフト向け。どこでも再生できます。

• GIF アニメ

  360p〜720p · 10/15/25 fps · ループ

  README、Slack のメッセージ、メール、ドキュメントに。

• 透過 WebM

  アルファ付き VP9 · 720p〜4K

  ページの背景を抜いて書き出し。Premiere、DaVinci Resolve、Final Cut、CapCut のオーバーレイに。

• PNG 静止画

  1080p または 4K · 任意の瞬間 · 透過可

  1 フレームを静止画に。ポスター、サムネイル、スライドの画像に。