Claude Design et HTML de Claude en MP4
Déposez le .zip exporté depuis Claude Design, ou collez le HTML que Claude a écrit dans un chat, et enregistrez-le en MP4, GIF ou WebM transparent. Rendu image par image sur votre ordinateur : pas d'enregistrement d'écran, pas d'envoi.
- ✓Déposez le .zip tel quel
- ✓Jusqu'à 4K à 60 fps
- ✓Gratuit, sans filigrane
- ✓Aucun envoi
MP4 en 1920×1080, dessiné image par image sur votre ordinateur : fluide quelle que soit sa vitesse, et rien n’est envoyé.
Ou partez d'un exemple
Chacun est un seul fichier HTML. Chargez-le, modifiez-le, exportez-le.
De Claude à un fichier vidéo
- 01
Exportez ou copiez
Dans Claude Design, exportez le projet en .zip. Depuis un chat, copiez le HTML ou téléchargez le fichier.
- 02
Déposez-le
Déposez le .zip ou le .html sur l'outil, ou collez le code. Images, scripts et polices sont lus depuis le .zip.
- 03
Lancez le rendu
Choisissez MP4, GIF ou WebM et la taille ; le fichier est dessiné image par image, puis prêt à télécharger.
Formats
Tous les formats à partir d'un seul collage
Choisissez le fichier selon sa destination. La même page peut être rendue dans chacun d'eux, dans les trois formats d'image.
MP4
H.264 · 720p, 1080p ou 4K · 24/30/60 fps
Pour les réseaux sociaux, les présentations et les logiciels de montage. Se lit partout.
GIF animé
De 360p à 720p · 10/15/25 fps · en boucle
Pour un README, un message Slack, un e-mail ou une documentation.
WebM transparent
VP9 avec couche alpha · de 720p à 4K
Sans le fond de la page : une incrustation pour Premiere, DaVinci Resolve, Final Cut ou CapCut.
Image PNG
1080p ou 4K · n'importe quel instant · transparent
Une image fixe : une affiche, une miniature ou une illustration de diapo.
Au-delà de cet outil
Une animation, c'est un début. Un skill réalise le film entier.
Cet outil transforme en vidéo le HTML que vous avez déjà. Un Motion Skill intervient une étape plus tôt : dans Claude Code, Codex ou Cursor, votre agent lit votre produit ou vos notes, prévoit les plans, écrit chaque scène, compose la musique et rend le MP4 final.
- ✓À partir de votre propre matière, pas d'un prompt vide
- ✓Plusieurs scènes, montées en musique
- ✓Rendu sur votre ordinateur, libre à vous de l'utiliser
Les skills qui prennent le relais
Chacun réalise un type de film différent. Le premier est le plus proche de cette page.
Vous réalisez plus d'un type de film ?
Commencez gratuitement avec Motion Director. Un skill coûte $4.90 ; un abonnement débloque tous les skills, ainsi que les nouveaux dès leur sortie.
Mensuel
$9.90/ mois
- ✓Tous les skills film complet, styles intégrés
- ✓Les nouveaux skills dès leur sortie
- ✓Les mises à jour des skills existants
- ✓Usage commercial de vos rendus
Annuel
−34 %$79/ an
- ✓Tous les skills film complet, styles intégrés
- ✓Les nouveaux skills dès leur sortie
- ✓Les mises à jour des skills existants
- ✓Usage commercial de vos rendus
Fondateur à vie
Offre fondateur$169paiement unique
- ✓Tous les skills film complet, styles intégrés
- ✓Les nouveaux skills dès leur sortie
- ✓Les mises à jour des skills existants
- ✓Usage commercial de vos rendus
- ✓Un seul paiement, sans renouvellement
Obtenir Motion Director (gratuit) →Un seul skill $4.90 · Choisir un skill →
Questions fréquentes
Ça marche avec un export Claude Design ?
Oui : déposez le .zip. L'outil y trouve la page et lit dans l'archive chaque image, script, feuille de style et police qu'elle utilise.
Pourquoi ne pas simplement enregistrer l'écran ?
Un enregistrement garde les images perdues et les bandes de couleur d'une page chargée, et demande la bonne taille de fenêtre. Ici, chaque image est dessinée à son instant exact, à la taille de votre choix.
Est-ce un outil d'Anthropic ?
Non. C'est un outil gratuit et indépendant de Motion Skills, qui fonctionne avec du HTML de toute provenance, Claude compris.
Mon projet est-il envoyé ?
Non. Il tourne dans un cadre isolé de votre navigateur et la vidéo est encodée sur votre ordinateur.