Motion design avec Claude : le guide complet (3D, prompts, installation)

Il y a encore un an, un motion design correct, ça se payait cher. Un freelance sur Malt, entre 300 et 800 € pour quelques animations. Ou des soirées entières sur After Effects, un logiciel pensé pour des pros.

Aujourd'hui, tu le décris en français à Claude, il écrit l'animation en code, et un outil gratuit, HyperFrames, la transforme en vraie vidéo. C'est comme ça que sont faits tous les motion design de mes Reels sur @LeMondeDuMarketing.

Dans ce guide, je te montre trois animations que Claude a codées pour un de mes Reels, avec leur description à copier. Puis l'installation en 3 étapes, et surtout ce que tu peux en faire concrètement pour ton business.

Les 3 démos du Reel

Mille drones qui dessinent mon logo dans le ciel de Paris. La Terre en 3D, avec un avion qui trace sa route jusqu'à Tokyo. Un Rubik's Cube qui se résout tout seul.

Ces trois animations, je les ai simplement décrites à Claude, en français. Voilà le Reel où elles s'enchaînent :

Et maintenant les trois animations une par une. Pour chacune, sa description en français : celle du Reel, remise au propre pour que tu puisses la copier telle quelle.

1. Mille drones au-dessus de Paris

Crée une animation 3D verticale 1080x1920 de 4 secondes.
Paris de nuit : la tour Eiffel en silhouette, des toits avec
quelques fenêtres allumées, la Seine qui reflète les lumières.
Mille drones lumineux montent dans le ciel, se rangent d'abord
en une grille de 40 x 25, puis se réorganisent pour dessiner mon
logo (fichier joint) : l'anneau jaune, et ma tête en mosaïque
avec les vraies couleurs de l'image.
Chaque drone est un point de lumière avec un léger halo.
Garde le logo formé à l'écran au moins une demi-seconde.

Ce qu'il en a fait : exactement 1 000 drones. Ma tête, ce sont 800 d'entre eux, colorés un par un d'après les pixels de mon logo ; l'anneau jaune, les 200 autres. Et la tour Eiffel respecte ses vraies proportions, étages compris.

2. La Terre en 3D et le vol Paris-Tokyo

Crée une animation 3D verticale de 4 secondes : la Terre vue de
l'espace, côté nuit, avec les lumières des villes (utilise les
vraies images satellites de la NASA) et une fine atmosphère bleue.
Un avion part de Paris et trace un arc jaune jusqu'à Tokyo, sur
la vraie route la plus courte, pendant que la planète tourne pour
garder les deux villes à l'écran.
En haut : « PARIS → TOKYO » et un compteur de kilomètres qui
monte jusqu'à 9 710 en même temps que l'avion.
Une onde lumineuse à l'arrivée.

Ce qu'il en a fait : les images de la Terre sont celles de la NASA (le jour, la nuit, les nuages). L'arc suit l'orthodromie, la vraie route la plus courte sur une sphère, et le compteur avance au rythme de l'avion. À l'arrivée, Tokyo est au lever du jour.

3. Le Rubik's Cube qui se résout tout seul

Crée une animation 3D verticale de 3 secondes : un Rubik's Cube
mélangé, rendu comme un vrai objet (arêtes arrondies, plastique
brillant, reflets de studio), sur un fond gris anthracite.
Il se résout tout seul en 6 quarts de tour, avec de vrais
mouvements de cube.
Sur la face blanche, le logo Claude est découpé sur les 9
autocollants : il n'apparaît en entier qu'une fois le cube résolu.
Un reflet de lumière passe dessus à la fin.

Ce qu'il en a fait : le cube est mélangé avec 6 vrais mouvements, puis il se résout en jouant leur inverse, quart de tour par quart de tour. Le logo ne se reconstitue qu'au tout dernier mouvement.

Dans le Reel, les trois s'enchaînent sans une seule coupe : les particules du logo Claude deviennent les drones, la caméra recule jusqu'à la Terre, et la planète se découpe en cubes qui forment le Rubik's Cube. Ça aussi, ça s'est demandé en une phrase.

Il n'a pas tout réussi du premier coup. Au premier rendu, mon visage en drones sortait trop pâle, et une bande rougeâtre traversait la Terre. Il les a repérés tout seul en relisant ses propres images, et il les a corrigés avant de me montrer la vidéo.

Pourquoi ces descriptions marchent

Relis les trois descriptions : elles ont trois points communs, et ce sont eux qui font la différence.

1. Elles décrivent ce qui bouge, dans l'ordre. « Une animation sur Paris » donne un truc générique. « Les drones montent, se rangent en grille, puis dessinent mon logo » donne un film. Décris le mouvement, pas seulement le sujet.

2. Elles lui donnent du vrai. Ton logo en fichier joint, de vraies images (celles de la NASA pour la Terre), de vrais chiffres (9 710 km). C'est ce qui sépare une animation qui ressemble à ton idée d'une animation qui est ton idée.

3. Elles fixent le format et le temps. Vertical ou horizontal, la durée, et combien de temps le résultat reste à l'écran. Sans ça, il invente, et ça va souvent trop vite.

Tu manques d'idées de départ ? Sur le site d'HyperFrames, il y a une bibliothèque de modèles d'animation, chacun livré avec le prompt qui l'a généré. Tu copies le prompt, tu ajoutes « adapte-le à mon branding (mes couleurs, ma police, mon logo) », et c'est ta version.

L'installation en 3 étapes

Claude Code+HyperFrames

Deux outils. Claude Code, c'est Claude en version agent : il crée des fichiers, écrit du code et lance des commandes tout seul. HyperFrames, c'est l'outil de HeyGen qui transforme une animation écrite en code en vidéo MP4. Gratuit et open source.

Pourquoi ce duo marche : un motion design, sous le capot, c'est du code animé. Et écrire du code, c'est le métier de Claude. Tu décris en français, il écrit l'animation, HyperFrames la transforme en vidéo.

Le prompt de l'étape 2, à coller tel quel (remplace juste la description) :

Installe HyperFrames dans ce dossier et fais-moi une première animation.
1. Lance : npx hyperframes skills update
2. Puis, avec /hyperframes, crée une animation verticale 1080x1920
   de 4 secondes : [ta description]
3. Ouvre l'aperçu en local quand c'est prêt, puis exporte le MP4.

Tu ne veux rien installer du tout ? HyperFrames existe aussi en connecteur à ajouter dans les réglages de connecteurs de Claude (en bêta, avec un compte HeyGen), et les animations se rendent alors dans le cloud. Pour des animations comme celles du Reel, je te conseille quand même la version installée : tu gardes tous les fichiers, et tu fais autant de rendus que tu veux.

Les 3 erreurs qui font « motion design IA »

J'ai fait les trois. Autant que tu les sautes.

1. Le gros texte qui répète la voix off. Sur une vidéo où tu parles, tes sous-titres écrivent déjà ce que tu dis. Un « L'IA VA TOUT CHANGER » en énorme par-dessus, c'est la même info une troisième fois. La bonne question : comment je rends cette idée visuelle au lieu de l'écrire en gros ?

2. Zéro branding. Une animation aux couleurs par défaut (le dégradé violet-bleu, tu le reconnais maintenant), ça sent l'IA à dix kilomètres. Tes couleurs, ta police, tes vrais logos : à chaque prompt, ou une bonne fois dans un fichier de règles que Claude relit à chaque session.

3. Trop de mouvements, trop vite. Une idée par animation, deux ou trois gestes maximum, puis on laisse le résultat à l'écran. Si le spectateur n'a pas le temps de lire, l'animation ne sert à rien, même quand elle est belle.

Ce que tu peux en faire concrètement

OK, c'est spectaculaire. Mais à quoi ça sert quand tu vends des produits, des formations ou des services ? Voilà ce que je ferais à ta place :

• 🛒 La vidéo de ta page de vente : ton produit qui s'anime en haut de ta page ou de ton site, à la place d'une image fixe.
• 📱 Des posts animés pour tes réseaux : un chiffre qui s'envole, un avant/après, une liste qui se construit, sans avoir à te filmer.
• 🚀 Le teaser de ton lancement : ta formation, ton appli ou ton offre qui se dévoile, avec un compte à rebours jusqu'à l'ouverture.
• 📊 Tes preuves qui bougent : résultats clients, témoignages, statistiques, lisibles en deux secondes sur ta page de vente comme dans une pub.
• 🎓 Tes schémas de formation ou de YouTube : ton process expliqué en animation, étape par étape, à la place d'une slide figée.
• 🎬 Illustrer ce que tu dis dans tes Reels Instagram : une animation par phrase, au-dessus de ta tête. C'est celui qui me rapporte le plus, parce que c'est ce qui fait qu'une face caméra se regarde jusqu'au bout.

Sauf que faire ça à la main, phrase par phrase, sur chaque Reel, ça prend des heures. Alors j'ai construit un système qui le fait pour moi.

Je lui donne ma vidéo brute. Il coupe mes blancs et mes prises ratées, découpe mon discours en sections, crée le motion design de chaque phrase à mon branding, puis pose les sous-titres, les bruitages et la musique. Le Reel des drones et du Rubik's Cube a été monté comme ça. Mes 20 derniers Reels aussi : plus de 3,3 millions de vues au total.

Ce système, tu peux le dupliquer : c'est Monteur IA.

Tu préfères voir comment il fonctionne dans le détail avant ? Tout est dans mon guide sur le montage de Reels avec l'IA.

Alex

Tu veux plus de tips dans ce style ?

Si t'as aimé ce guide, j'envoie un email chaque vendredi : mes prochaines expériences de montage IA, les outils que je teste en ce moment, et ce qui marche vraiment (ou pas). Du concret, du testé, zéro blabla. Laisse ton email juste en dessous pour rejoindre.