Motion design avec Claude : le guide complet (templates + prompts)

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

Aujourd'hui, tous les motion design de mes Reels sont faits par Claude. Ceux que tu vois sur mon Insta @LeMondeDuMarketing : les schémas animés, les logos qui apparaissent, les surlignages jaunes, les comparaisons visuelles. Aucun graphiste. Aucun After Effects.

Et le truc que presque personne n'a capté : il existe une bibliothèque de templates prêts à l'emploi. Tu copies un prompt, tu le colles dans Claude, tu lui dis « adapte à mes couleurs », et tu récupères ton motion design en vidéo.

Ce guide te montre exactement comment.

Les deux outils

Claude Code+HyperFrames

Claude Code, c'est l'IA d'Anthropic en version agent : elle crée des fichiers, écrit du code, lance des commandes toute seule. Il te faut la version agent (app Mac/Windows, terminal ou éditeur), pas le Claude du chat. Abonnement payant, le plan à 20 €/mois suffit. claude.com/claude-code

HyperFrames, c'est l'outil de HeyGen qui transforme des animations écrites en code (HTML/CSS) en vidéo MP4. Gratuit. hyperframes.heygen.com

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

D'ailleurs ce n'est plus un bricolage de geek : HyperFrames se branche directement à Claude, c'est devenu un connecteur officiel, en partenariat avec Anthropic. Les deux outils sont faits pour se parler.

La bibliothèque de templates (le raccourci que personne n'utilise)

C'est la partie qui change tout pour un débutant.

Sur le site d'HyperFrames, il y a une bibliothèque de templates de motion design. Des animations déjà finies, classées, avec pour chacune le prompt qui l'a générée, à copier en un clic.

Le workflow tient en trois gestes :

La ligne de personnalisation, c'est ce que tu ajoutes juste après le prompt du template. Quelques exemples de ce que ça donne :

Adapte cette animation à mon branding (tes couleurs, ta police
d'écriture, ton logo).

Remplace le texte d'exemple par : [ton texte].

Garde le rythme de l'animation, mais change le style pour un
rendu plus [minimaliste / cartoon / corporate / néon...].

Tu combines celles dont tu as besoin, et le template devient le tien.

Tu peux aussi uploader des références. Une capture de ton site, ton logo, un visuel dont tu aimes le style : tu les donnes à Claude avec le prompt, et il cale l'animation dessus.

Créer un motion design de zéro (sans template)

Les templates, c'est parfait pour trouver des idées et voir ce qui est possible. Mais tu n'es limité à rien : tu peux décrire exactement l'animation que tu veux, ou même laisser l'IA décider elle-même du type de motion design qui colle à ce que tu racontes. Les deux marchent.

La règle que j'ai mise des semaines à comprendre : décris le mouvement, pas juste le contenu. « Fais une animation sur la croissance » donne un truc générique. Décris ce qui bouge, dans quel ordre, et à quel moment, et le rendu change de catégorie.

Un vrai prompt d'une de mes sections, celle où je montre un repo GitHub :

Affiche cette capture d'écran du repo GitHub (image jointe).
Zoome progressivement vers le compteur d'étoiles « 32,4k stars »
et surligne-le en jaune #FFEE00, comme un coup de feutre qui se
dessine de gauche à droite. Reste dessus 2 secondes, puis déplace
le cadrage vers le titre du repo « free-claude-code » et
surligne-le en jaune de la même façon.
Format vertical, fond #202022.

Il l'a fait au pixel près. Pas au deuxième essai, au premier.

Tu peux voir le résultat exact dans ce Reel, l'animation du repo GitHub apparaît à la 12ᵉ seconde :

Dernier détail qui change le rendu : les vrais logos. Quand ton animation parle de Claude, Stripe ou Notion, exige les logos officiels en SVG (il existe des catalogues open source de logos de marques, cherche « theSVG », Claude sait s'en servir). Un logo approximatif redessiné par l'IA, c'est ce qui crie « généré » à l'écran.

À quoi ça sert

Moi, je m'en sers quasi exclusivement pour mes Reels Instagram : une animation qui illustre chaque phrase que je dis, en écran scindé au-dessus de ma tête. C'est ce qui fait la différence entre une face caméra que les gens scrollent et une vidéo qu'ils regardent jusqu'au bout.

Mais une fois que tu sais produire un MP4 animé à ton branding en quelques minutes, les possibilités s'ouvrent :

• 🎬 Illustrer tes Reels Instagram et tes TikToks, phrase par phrase
• ▶️ Visualiser ce que tu expliques dans tes vidéos YouTube
• 🌐 Animer la hero section de ton site, à la place d'une image figée
• 📢 Créer une démo animée de ton produit pour une pub
• 📊 Faire vivre un schéma dans une présentation ou un webinaire
• 🚀 Annoncer un lancement en story, ou montrer ton process sur une page de vente

Le coût d'une animation vient de passer de « un devis freelance » à « un prompt ». Ça change ce que tu peux te permettre de tester.

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 un Reel, tu parles déjà, et tes sous-titres écrivent déjà ce que tu dis. Un overlay « L'IA VA TOUT CHANGER » en énorme, c'est la même info une troisième fois. La bonne question à chaque animation : comment je rends cette idée visuelle au lieu de l'écrire en gros ?

2. Zéro branding. Un motion design aux couleurs par défaut (le dégradé violet-bleu, tu le reconnais maintenant), c'est ce qui sent l'IA à dix kilomètres. Tes couleurs, ta police, tes logos. À chaque prompt, ou une bonne fois dans un fichier de règles que Claude relit à chaque session.

3. Tout animer. Une animation par phrase, oui. Trois effets par seconde, non. Le motion design sert ce que tu racontes ; quand il devient le spectacle, il fatigue. Mes animations les plus efficaces sont souvent les plus simples : un surlignage jaune posé au bon moment.

Le niveau au-dessus : le motion design intégré au montage de tes Reels

Tout ce que tu viens de lire, c'est le motion design à l'unité : tu veux une animation, tu la génères.

Mon vrai système va un cran plus loin. Je donne ma vidéo brute de Reel Instagram à l'IA, et elle enchaîne tout : elle coupe mes blancs et mes prises ratées, elle découpe le discours en sections, et pour chaque section, elle choisit et génère elle-même le motion design adapté à ce que je raconte, à mon branding. Puis elle pose les sous-titres, les effets sonores et la musique. En un passage.

C'est ce système complet que j'ai détaillé dans mon guide sur le montage de Reels avec Claude Code. Et c'est lui, exactement lui, que tu peux dupliquer avec Monteur IA : mes 21 skills déjà écrits (dont celui du motion design), l'installation faite par l'IA à ta place, et la formation vidéo où on monte une vidéo ensemble.

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.