C’est quoi, Remotion ?
Remotion fabrique des vidéos à partir de code React. L’outil existe depuis 2021, il est très utilisé (plusieurs millions d’installations par mois) et sort plusieurs mises à jour par semaine. Titres animés, chiffres, captures de produit, sous-titres, voix off et musique : tout se décrit en code, puis s’exporte en MP4.
Avec Claude Code, tu n’écris pas ce code. Tu décris ta vidéo dans le chat, Claude l’écrit, l’ouvre dans l’aperçu de Remotion, corrige ce que tu lui demandes et exporte le fichier final.
J’ai fait ma première vidéo Remotion en février 2026 : une promo carrée de 30 secondes pour LinkedIn, en cinq scènes. J’anime aujourd’hui les vidéos de mes clients avec HyperFrames, mais Remotion reste un excellent outil. Ce guide reprend ce qu’il faut savoir pour démarrer, et ce que j’aurais aimé savoir avant.
Remotion évolue vite (version 4.0 en octobre 2026). Si quelque chose a changé, la documentation officielle (s’ouvre dans un nouvel onglet) fait foi.
Ce qu’il te faut avant de commencer
- Claude Code, avec un abonnement Claude. Tu peux l’utiliser dans l’application Claude, onglet Code : c’est un chat, comme Claude classique, mais qui peut créer des fichiers et lancer des outils sur ton ordinateur.
- Un ordinateur récent, Mac, Windows ou Linux.
Remotion embarque déjà ce qu’il lui faut pour fabriquer la vidéo. Il ne manque souvent que Node.js, un outil qui tourne en arrière-plan : Claude Code vérifie qu’il est là et l’installe si besoin.
À écrire à Claude Code
Vérifie que mon ordinateur a tout ce qu’il faut pour utiliser Remotion (Node.js notamment) et installe ce qui manque. Explique-moi chaque étape simplement.
Installer Remotion dans Claude Code
Remotion propose une extension officielle (un « plugin ») pour Claude Code. Dans l’application Claude, onglet Code, ouvre les plugins (Customize, puis Plugins, puis Discover), cherche « remotion » et ajoute-le.
Tu préfères le chat ? Tape ces deux lignes, l’une après l’autre, puis redémarre Claude Code :
Dans le chat de Claude Code
/plugin marketplace add remotion-dev/claude-code-plugin
/plugin install remotion@remotionLe plugin apporte une douzaine de méthodes (les « skills ») : créer une vidéo, ajouter des sous-titres, animer une carte, faire une vidéo de présentation de SaaS, exporter… Détail dans la page officielle du plugin (s’ouvre dans un nouvel onglet). Tu utilises Codex, Cursor ou Copilot ? Remotion a aussi un plugin pour eux.
Ta première vidéo, étape par étape
Pars d’une phrase, pas d’un effet
Avant d’ouvrir Claude Code, écris la phrase que le spectateur doit retenir. Puis découpe : une scène par idée, une durée par scène. C’est ce script qui fait la vidéo ; les animations ne font que le servir.
Donne ton brief à Claude Code
Commence une nouvelle conversation, dans un dossier vide, et appelle la méthode de création du plugin avec ton brief. Par exemple, sur le modèle de ma première vidéo :
À écrire à Claude Code
/remotion:remotion-create Fais une vidéo promo carrée (1080 × 1080) de 30 secondes pour LinkedIn, pour mon offre d’automatisation des tâches répétitives. Script, scène par scène : 1. (0 à 4 s) L’accroche : « Tu passes encore 5 heures par semaine à copier-coller ? » 2. (4 à 14 s) Trois exemples concrets, un par écran : relances clients, factures, reporting. 3. (14 à 24 s) Le gain : « 5 heures récupérées chaque semaine. » 4. (24 à 30 s) L’appel à l’action et le logo. Style : fond sombre, une seule couleur d’accent, la police Inter, des coupes nettes entre les scènes. Rien ne bouge sans raison.
Claude crée le projet, puis ouvre le Studio, l’aperçu de Remotion, dans ton navigateur. Tu y lis la vidéo, tu avances image par image et tu vois chaque scène. Tes captures d’écran, ton logo, ta musique : glisse-les dans la conversation et dis-lui où les utiliser.
Corrige dans le chat
Sois précis sur le moment et sur ce que tu veux :
- « À 6 secondes, l’exemple « factures » reste trop peu de temps : donne-lui une seconde de plus. »
- « Le chiffre de la scène 3 doit être deux fois plus grand, le reste plus discret. »
- « Coupe sec entre les scènes 1 et 2, sans fondu. »
Exporte la vidéo
À écrire à Claude Code
Exporte la vidéo en MP4, en bonne qualité. Vérifie avant que la dernière scène va bien jusqu’à la fin.
Le MP4 est le format par défaut. Remotion sait aussi sortir un GIF, une version de travail pour un logiciel de montage ou seulement la bande son : demande-le. Tu peux aussi cliquer sur Render dans le Studio.
Regarde la vidéo exportée jusqu’au bout. Une scène mal calée laisse vite quelques secondes vides à la fin, et ça ne se voit pas toujours dans l’aperçu.
Penser en images, pas en secondes
Dans Remotion, le temps se compte en images. Une vidéo à 30 images par seconde qui dure 10 secondes fait 300 images. Chaque élément se demande « à quelle image en sommes-nous ? » et se dessine en fonction de la réponse.
Tu n’as pas à faire ce calcul, mais le connaître t’aide à corriger. Plutôt que « le titre arrive trop tard », dis à Claude « fais entrer le titre entre l’image 15 et l’image 30 » : la consigne est précise, la correction aussi.
La voix off, la musique et les sous-titres
Remotion mélange plusieurs sons (voix, musique, effets) et sait générer des sous-titres, y compris mot par mot comme sur TikTok, à partir d’une transcription faite sur ton ordinateur, gratuitement.
Il n’a pas d’outil officiel pour fabriquer une voix. Enregistre la tienne, ou génère-la avec un outil de voix comme ElevenLabs, puis donne le fichier à Claude :
À écrire à Claude Code
Ajoute ma voix off (fichier joint) et cale les scènes sur ce qu’elle dit. Mets la musique sous la voix, assez bas pour qu’on comprenne chaque mot. Ajoute des sous-titres mot par mot.
Ma première vidéo Remotion n’avait ni voix ni musique. C’est l’erreur la plus courante : sur LinkedIn, beaucoup regardent sans le son, d’où les sous-titres ; mais ceux qui l’activent jugent la vidéo à la qualité de la voix.
Remotion est-il gratuit ? Ce que dit la licence
Remotion est gratuit pour les particuliers, les structures de 3 personnes au plus, les associations à but non lucratif et pour l’évaluer. Mêmes fonctions que la version payante, usage commercial compris, sans inscription. Au-delà, il faut une licence entreprise :
| Ta situation | Ce qu’il te faut |
|---|---|
| Seul, ou une structure de 3 personnes au plus | Rien : gratuit, usage commercial compris |
| Une entreprise de 4 personnes ou plus | Une licence entreprise, même si une seule personne utilise Remotion (offre Creators : 25 $ par mois et par poste) |
| Une agence ou un freelance qui livre des MP4 | Seule la taille de ta structure compte, pas celle de tes clients |
| Des vidéos générées en masse, automatiquement | Offre Automators : 0,01 $ par export, 100 $ par mois au minimum |
Les aperçus dans le Studio ne comptent pas comme des exports. La licence doit légèrement changer avec la version 5 de Remotion : vérifie la FAQ officielle (s’ouvre dans un nouvel onglet) et la page des tarifs (s’ouvre dans un nouvel onglet) avant de te lancer dans une entreprise de plus de 3 personnes.
Les pièges du début
- Une vidéo qui clignote à l’export. Dans Remotion, chaque mouvement doit suivre l’image en cours. Si l’export clignote alors que l’aperçu est propre, écris à Claude : « Vérifie que toutes les animations suivent l’image en cours, sans animation CSS ni minuteur. »
- Un élément qui change d’un export à l’autre. Souvent du hasard dans le code. Demande à Claude d’utiliser le hasard « fixe » de Remotion, qui donne le même résultat à chaque fois.
- Une police ou une image absente de la vidéo. Demande-lui de les charger avec les outils de Remotion : l’export attend alors qu’elles soient prêtes.
- Sur Windows, un aperçu qui ne s’ouvre pas. C’est ce qui m’est arrivé : Windows ne trouvait pas l’outil qui lance le Studio. Copie le message d’erreur dans le chat ; Claude a trouvé la parade.
- Tout demander d’un coup. Avance scène par scène, et demande d’abord son plan à Claude : « Dis-moi comment tu comptes faire, sans rien créer. »
Ce que Claude Code ne fait pas à ta place
Remotion et Claude Code règlent la partie technique. Une vidéo qui donne envie demande autre chose, et c’est là que la plupart des essais décrochent :
- Savoir ce que tu veux dire. Une vidéo réussie porte un seul message. Si tu ne peux pas le dire en une phrase, l’agent ne le trouvera pas pour toi.
- Écrire pour l’oreille. Une voix off se dit à voix haute : phrases courtes, un mot important par phrase, des respirations. Un texte écrit pour être lu sonne faux une fois dit.
- Donner le rythme. Laisser le temps de lire, couper avant que l’attention retombe, accélérer quand le message est compris. L’agent anime ; il ne sent pas le rythme.
- Choisir ce qu’on montre. Un écran de ton produit bien cadré vaut mieux que dix formes qui bougent. Chaque animation doit aider à comprendre.
- Soigner le son. Une voix propre, une musique sous la voix et pas par-dessus, un silence au bon moment : c’est souvent ce qui sépare une vidéo amateur d’une vidéo pro.
Remotion ou HyperFrames ?
HyperFrames, sorti en 2026 chez HeyGen, s’inspire ouvertement de Remotion. Les deux se pilotent depuis Claude Code. Ce qui les distingue :
| Remotion | HyperFrames | |
|---|---|---|
| Ce que Claude écrit | Des composants React | Une page web animée (HTML, CSS, animations GSAP) |
| Le temps | En images | En secondes |
| Licence | Gratuit jusqu’à 3 personnes, payant au-delà | Gratuit pour tout le monde (open source) |
| Maturité | Depuis 2021 : très documenté, beaucoup de modèles, export dans le cloud éprouvé | Récent (2026), change chaque semaine |
Prends Remotion si tu codes déjà en React, si tu veux l’outil le plus documenté, ou si tu comptes produire des vidéos en volume, de façon automatique.
Prends HyperFrames si tu débutes, ou si ton entreprise dépasse 3 personnes : il est gratuit quelle que soit ta taille, et les IA écrivent plus facilement une page web que du React. C’est pour ça que Timeline, ma formation, s’appuie sur HyperFrames. Mon guide HyperFrames en français explique comment démarrer. Et si tu hésites avec Claude Motion, le nouvel outil d’animation d’Anthropic, voici le comparatif complet.
