Depuis le début de 2026, une vidéo circule souvent dans les équipes marketing : un titre qui glisse, des chiffres qui s'animent, un logo qui se pose, le tout « fait par Claude ». La promesse est réelle, mais elle est mal comprise. Claude Code ne manipule pas After Effects et ne dessine pas d'images clé par clé. Il écrit le code d'une animation, avec un framework qui sait transformer ce code en fichier vidéo. Toute la question, pour une PME, est de savoir ce que ce détour par le code permet, et ce qu'il ne permet pas.
Ce guide fait le point au 5 octobre 2026, à partir des sources des éditeurs : la documentation et la page licence de Remotion, le dépôt GitHub de HyperFrames publié par HeyGen, et l'annonce de Figma Motion par Figma. Il ouvre une série de cinq articles sur Claude Code et le motion design. Pour la prise en main de l'outil lui-même, voyez d'abord notre formation Claude Code.
La réponse en 30 secondes
Oui, Claude Code fait du motion design, mais par le code : il écrit l'animation, un framework la rend en vidéo.
C'est excellent pour les formats courts et répétables : titres animés, chiffres clés, présentations de produit, sous-titres, déclinaisons d'une même vidéo en plusieurs formats. C'est faible dès qu'il faut de l'illustration originale, du personnage animé ou un vrai sens du rythme sans relecture humaine. Le bon usage, en 2026, est celui d'un assistant de production, pas d'un remplaçant du motion designer.
Voies principales : Remotion (React), HyperFrames (HTML) et Figma Motion (relié par MCP).
Personnes dans l'entreprise : à partir de là, Remotion exige une licence payante.
Logiciel de montage à ouvrir : l'agent écrit, l'aperçu tourne dans le navigateur, le rendu sort en MP4.
Pourquoi un agent de code peut faire de la vidéo
Une animation de motion design, c'est une suite de propriétés qui changent dans le temps : une position, une opacité, une échelle, une couleur. Un logiciel comme After Effects les règle à la souris sur une timeline. Un navigateur web sait faire exactement la même chose avec du code : CSS, SVG, bibliothèques d'animation comme GSAP. Il manquait une pièce : transformer une page animée en fichier vidéo, image par image, de façon reproductible. C'est ce que font les frameworks dont il est question ici. Ils « figent » le temps, capturent chaque image, et assemblent un MP4.
À partir de là, Claude Code est dans son élément. Il lit et écrit des fichiers, lance des commandes, corrige ses erreurs. Une demande comme « ralentis les transitions de 20 % » ou « passe le titre en bleu de la charte » devient une modification de quelques lignes, suivie d'un nouveau rendu. Ce qui prenait une demi-heure de retouche sur une timeline prend une minute, et surtout, la vidéo devient un fichier texte versionné : on peut la dupliquer, la paramétrer, la produire en dix langues ou en trois formats d'écran.
Le revers est tout aussi net. Claude Code ne « regarde » pas la vidéo pendant qu'il l'écrit : il raisonne sur du code. Il peut produire une image fixe d'un instant précis et l'examiner, mais le jugement sur le rythme, l'équilibre d'une composition ou l'émotion d'une transition reste humain. D'où la boucle de travail décrite plus bas.
Les trois outils à connaître
Remotion
Framework de vidéo en React, édité par la société suisse Remotion AG. Il publie ses propres « Agent Skills » : douze compétences que Claude Code charge pour créer, sous-titrer, rendre ou consulter la documentation à jour au lieu d'inventer des paramètres.
HyperFrames
Framework open source (licence Apache 2.0) publié par HeyGen : on écrit du HTML et du CSS animés, il en tire un MP4 « déterministe ». Il s'installe comme plugin de Claude Code et apporte 21 compétences, dont des recettes toutes faites : vidéo de lancement de produit, explication animée, sous-titres incrustés.
Figma Motion
Timeline d'animation intégrée à Figma Design, en bêta ouverte depuis le 24 juin 2026 : images clés, préréglages, agent qui génère un point de départ. Elle exporte en vidéo, et transmet aux agents de code, par le serveur MCP de Figma, les animations avec tout leur contexte.
Les deux premiers sont des moteurs de rendu vidéo : ils sont au cœur de ce que l'on appelle « faire du motion design avec Claude Code ». Le troisième est un outil de designer qui a ouvert une porte vers les agents. Il sert surtout à animer des interfaces (transitions d'écrans, composants qui réagissent) et à passer ces animations au développement sans les réécrire à la main.
Et Lottie ? Ce format d'animation vectorielle, très utilisé sur le web et dans les applications, n'est pas un concurrent : HyperFrames sait lire des animations Lottie, au même titre que GSAP, Three.js ou les animations CSS. Si votre agence vous a livré des fichiers Lottie, ils restent utilisables.
Comparatif rapide
| Critère | Remotion | HyperFrames | Figma Motion |
|---|---|---|---|
| Ce que l'agent écrit | Composants React (TypeScript) | HTML, CSS, animations GSAP, Lottie, CSS… | Rien dans Figma : il lit l'animation et écrit le code de l'interface |
| Sortie | Vidéo (MP4 et autres), lecteur intégrable | MP4 déterministe, superposition transparente, présentation navigable | MP4, WebM, GIF, SVG ; code CSS, JSON, React |
| Intégration à Claude Code | Skills officielles : npx remotion skills add |
Plugin officiel Claude Code | Serveur MCP de Figma |
| Licence | Gratuite jusqu'à 3 personnes, payante au-delà | Open source, Apache 2.0 | Bêta ouverte ; fonctions complètes sur les offres payantes de Figma |
| Profil visé | Équipes qui codent en React, vidéos paramétrées à grande échelle | Marketing et contenu, formats courts, sans React | Designers et équipes produit, animations d'interface |
Relevé le 5 octobre 2026 sur les sites et dépôts des éditeurs. Le face-à-face détaillé entre Remotion et HyperFrames fera l'objet du troisième article de la série.
La licence Remotion : le point que beaucoup découvrent après coup
Les tutoriels présentent Remotion comme gratuit. Sa page licence est plus précise : la licence gratuite vaut pour les particuliers et les entreprises de 3 personnes au plus, avec usage commercial illimité. Au-delà, une « Company License » est exigée, y compris pour une collaboration entre plusieurs structures. Elle se décline en deux formules :
Remotion for Creators : 25 $ par siège et par mois
Pour créer des vidéos pour sa propre organisation en faible volume, y compris « avec des agents d'IA » et Remotion Studio. Un siège par personne qui produit.
Remotion for Automators : 0,01 $ par rendu, 100 $ par mois minimum
Pour les rendus en lot et les produits vidéo automatisés : générateurs de vidéos à partir d'un prompt, éditeurs en ligne, lecteur intégré dans une application.
Une licence Enterprise démarre à 500 $ par mois. Pour une PME de 20 personnes dont deux produisent des vidéos à la main avec Claude Code, la formule Creators revient donc à 50 $ par mois, hors taxes. C'est modeste, mais c'est une obligation contractuelle, pas une option. HyperFrames, sous licence Apache 2.0, n'a pas cette contrainte ; c'est l'un des critères que nous détaillerons dans le face-à-face.
Ce n'est pas le seul point juridique. Les polices, les musiques, les images et les vidéos intégrées gardent leurs propres licences : un agent qui va chercher une piste audio ou une typographie ne vérifie pas vos droits à votre place. Pour les données que vous confiez à Claude pendant la production (chiffres internes, maquettes non publiées), les règles sont celles décrites dans notre article sur Claude en entreprise et la sécurité des données.
Ce que ça fait bien, ce que ça fait mal
Là où l'agent excelle
- Typographie animée, titres, chiffres clés qui s'incrémentent, graphiques qui se construisent.
- Vidéos de présentation d'un produit ou d'un site, à partir de son adresse ou d'un brief.
- Sous-titres incrustés sur une vidéo existante, bandeaux de nom, habillage d'interview.
- Déclinaisons : même vidéo en 16:9, 9:16 et 1:1, ou en plusieurs langues.
- Retouches précises et répétées : timing, couleurs, textes.
Là où il faut un humain
- Illustration originale, personnages, animation dessinée.
- Direction artistique : l'agent applique une charte, il n'en invente pas une qui vous ressemble.
- Rythme et émotion : le « ça fonctionne » se juge en regardant, pas en lisant le code.
- Son : mixage, voix off, droits musicaux.
- Fichiers After Effects existants : ils ne se convertissent pas tout seuls.
La ligne de partage ressemble à celle que nous avons tracée pour Claude Design : un outil qui donne une forme rapide et propre à une idée, dans votre charte, mais qui ne remplace pas un regard. Claude Design, d'ailleurs, ne fait pas de vidéo : ses exports sont des maquettes, des présentations et des pages. Pour animer, c'est Claude Code et l'un des frameworks ci-dessus.
La boucle de travail qui fonctionne
Les deux frameworks reposent sur la même mise en place : un projet sur votre poste, Node.js installé, un aperçu qui tourne dans le navigateur, et Claude Code lancé dans le même dossier. Chez Remotion, la documentation tient en quatre commandes : créer le projet, installer les skills, lancer l'aperçu, lancer l'agent. Chez HyperFrames, on installe le plugin depuis Claude Code, puis on appelle la compétence /hyperframes, qui choisit la bonne recette selon la demande. Le tutoriel complet est dans notre tutoriel Remotion et Claude Code.
Trois conseils tirés de la pratique. D'abord, écrivez un brief court mais complet : durée, format d'écran, message unique, couleurs et police de la charte, fichiers du logo. Ensuite, demandez des corrections précises plutôt que « fais mieux » : un agent corrige bien ce qu'on lui nomme. Enfin, gardez le projet dans un dépôt Git : chaque version de la vidéo devient un état que l'on peut retrouver, comparer et décliner.
Pour une PME : par où commencer
Choisissez un format récurrent, pas une vidéo vitrine. Le chiffre du mois pour LinkedIn, la présentation d'une nouveauté produit, les sous-titres des interviews : un format qui revient justifie la mise en place, une vidéo de marque unique se commande plutôt à un studio.
Désignez une personne à l'aise avec un terminal. Il n'est pas nécessaire de savoir coder, mais il faut installer Node.js, lancer quelques commandes et accepter de lire ce que l'agent propose. Le reste se pilote en français.
Tranchez la licence avant le premier rendu : HyperFrames si vous voulez rester sur de l'open source, Remotion avec une licence Creators si l'équipe connaît React ou si vous visez la vidéo paramétrée à grande échelle.
Si vous voulez cadrer ce type d'usage de l'IA dans vos équipes, c'est l'objet de nos missions de stratégie IA. Prochain épisode de la série : le tutoriel pas à pas avec Remotion et Claude Code.
Questions fréquentes
Claude Code peut-il vraiment faire du motion design ?
Oui, mais par le code. Claude Code écrit une animation en React (avec Remotion) ou en HTML et CSS (avec HyperFrames), et le framework la rend en fichier vidéo MP4. Il excelle sur les titres animés, les chiffres clés, les sous-titres et les déclinaisons ; il ne remplace pas l'illustration originale ni la direction artistique.
Remotion est-il gratuit ?
Pour les particuliers et les entreprises de 3 personnes au plus, oui. Au-delà, la page licence de Remotion exige une Company License : 25 $ par siège et par mois pour créer des vidéos pour son organisation, ou 0,01 $ par rendu avec 100 $ par mois minimum pour les usages automatisés.
Qu'est-ce que HyperFrames ?
Un framework open source publié par HeyGen sous licence Apache 2.0, qui transforme du HTML, du CSS et des animations (GSAP, Lottie, Three.js…) en vidéos MP4 déterministes. Il s'installe comme plugin de Claude Code et fournit 21 compétences, dont des recettes de vidéo de lancement de produit et d'explication animée.
Claude Code peut-il piloter After Effects ?
Pas comme un utilisateur devant l'interface. Les approches documentées par les éditeurs passent par des frameworks web (Remotion, HyperFrames) qui produisent la vidéo sans logiciel de montage. Les projets After Effects existants ne se convertissent pas automatiquement.
Quel lien entre Figma Motion et Claude Code ?
Figma Motion, en bêta ouverte depuis le 24 juin 2026, ajoute une timeline d'animation à Figma Design. Ses animations s'exportent en vidéo ou en code (CSS, JSON, React), et le serveur MCP de Figma les transmet aux agents de code comme Claude Code, qui peuvent les intégrer dans l'interface développée.
En résumé
Claude Code fait du motion design en écrivant le code d'une animation, que Remotion ou HyperFrames transforment en vidéo, et il peut reprendre dans le code les animations d'interface conçues dans Figma Motion. Pour une PME, c'est un vrai levier sur les formats courts et récurrents, à condition de garder un humain pour juger le rendu et de régler la question de la licence Remotion dès quatre personnes. La suite de la série détaille le tutoriel, le choix entre les deux frameworks, la passerelle avec Figma et le coût réel pour une PME. Pour en parler, contactez-nous.
