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 · 任意时刻 · 可透明

  把某一帧存成静态图：海报、缩略图或幻灯片配图。