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 以及尺寸；檔案逐格繪製，完成後即可下載。

格式

貼上一次，匯出所有格式

依用途選擇檔案格式。同一個頁面可以算繪成任何格式，三種畫幅都支援。

• MP4

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

  適合社群貼文、簡報和影片剪輯軟體，到處都能播放。

• GIF 動圖

  360p 到 720p · 10/15/25 fps · 循環播放

  適合 README、Slack 訊息、電子郵件和文件。

• 透明 WebM

  VP9 含 Alpha 色版 · 720p 到 4K

  去掉頁面背景，作為疊加層用於 Premiere、DaVinci Resolve、Final Cut 或 CapCut。

• PNG 靜態畫面

  1080p 或 4K · 任意時間點 · 可透明

  把某一格存成靜態圖：海報、縮圖或簡報配圖。