Comment créer du motion design IA avec Claude et OpenArt

Il y a deux façons de faire du motion design par IA. Tu peux demander à un modèle vidéo IA d'intégrer le texte dans un clip en espérant qu'il écrive chaque mot sans faute. Ou tu peux créer les images dans OpenArt et demander à Claude de construire le mouvement en code. Chaque mot, couleur et mouvement reste modifiable : une faute de frappe se corrige en une ligne au lieu de relancer une génération.

Ce guide suit notre tutoriel avec la créatrice Mia Meow. Il couvre trois workflows (un carrousel Instagram animé, des graphiques par-dessus une vidéo IA, et une vidéo entièrement animée créée en code) ainsi que la configuration unique.

Qu'est-ce que le motion design IA ?

Le motion design, ce sont des textes, formes et images en mouvement : cartons de titre, étiquettes produit, posts animés pour les réseaux et sous-titres sur une vidéo. Le motion design par IA utilise l'IA pour créer les images, le mouvement, ou les deux.

Les deux approches fonctionnent très différemment :

Ce guide enseigne la seconde approche. Les modèles vidéo IA excellent avec les personnes, les produits et les scènes. Le code, lui, écrit une accroche toujours de la même façon.

Pourquoi utiliser Claude pour le motion design ?

Trois raisons ressortent de la démonstration.

Chaque lettre reste modifiable. Claude reconstruit le texte dans le code, en reprenant le style et la police que tu lui montres. Un mot faux ? Une simple retouche de texte suffit.

Tu arrêtes de payer pour régénérer. Quand le texte est intégré à une vidéo IA, chaque correction implique une nouvelle génération et plus de crédits. Avec le code, les crédits vont aux images et clips que tu veux vraiment. Les changements de texte et les ajustements de timing se font en code.

Les tests publicitaires deviennent abordables. Tu veux tester deux titres sur la même vidéo produit ? Change une ligne, exporte à nouveau. Le plan produit reste exactement identique, donc le test ne mesure que le titre.

Workflow 1 : comment créer un carrousel Instagram animé

Les carrousels valent le coup. L'étude Instagram 2026 de Metricool, portant sur plus de 24 millions de publications, a révélé que les carrousels génèrent environ 9 fois plus d'enregistrements que les publications à image unique. Un carrousel animé se démarque encore plus dans le fil. Pour les publications fixes, le Générateur de posts Instagram est un chemin plus rapide.

Trois diapositives de carrousel créées dans un seul chat Claude, chacune avec son propre titre animé.

Étape 1 : crée l'image dans Claude. Avec OpenArt MCP connecté, Claude fonctionne comme un Générateur d'images IA Claude, pour que tu puisses imaginer l'idée, rédiger le texte et générer l'image dans une seule conversation. Dans la démo, Mia a donné à Claude une photo de chaussure et une photo d'elle-même, et Claude a créé l'image de la diapo avec GPT Image 2.5 sur OpenArt.

Étape 2 : découpe l'image en calques. Ouvrir Extraire les calques depuis les outils Image d'OpenArt et importe l'image. Choisis autant de calques que tu veux, de 2 à 16. Mia en a mis 6. Notre guide sur comment diviser une image en calques modifiables présente l'outil plus en détail.

Extraire les calques transforme une image plate en calques séparés que tu peux déplacer individuellement.

Étape 3 : laisse Claude extraire les calques. Enregistre les calques sur ton compte OpenArt. Claude les récupère via MCP, donc rien à télécharger ni à glisser-déposer. Ensuite, indique à Claude comment chaque calque doit bouger : la personne qui entre en glissant, l'arrière-plan qui dérive, la chaussure qui surgit.

Étape 4 : recréer le texte en code. Le calque de texte issu d'Extract Layers est une image de mots. Demande à Claude de le reconstruire en vrai texte dans le code, en respectant le style et la police. Le titre devient alors entièrement modifiable.

En quoi un dossier de projet et une bibliothèque de styles aident-ils ?

Un dossier de projet et une bibliothèque de styles rendent chaque nouveau projet plus rapide.

D'abord, garde un seul dossier de projet. Le prompt de configuration du tutoriel le construit pour toi : entrées, références, audio, vidéos terminées et modèles, plus un fichier de règles que Claude suit.

Un seul dossier pour tout. Claude sait où trouver tes images, tes voix off et tes styles enregistrés.

Ensuite, constitue une bibliothèque de styles de motion design. Quand tu obtiens un rendu qui te plaît, enregistre-le. Quand tu repères un style de motion que tu adores ailleurs, dépose la vidéo de référence et demande à Claude de le recréer. La prochaine fois, Claude lit la bibliothèque, suggère des styles adaptés et réutilise le code au lieu de repartir de zéro.

Workflow 2 : comment ajouter des motion graphics à une vidéo IA

Ajouter des graphiques par-dessus une vidéo IA est le workflow le plus utile pour les pubs produit. Pour une pub complète créée à partir d'un brief, voir comment créer des pubs vidéo avec l'IA dans Claude.

Étape 1 : crée un clip net. Mia a réalisé un court clip de chaussures avec Seedance 2.5 dans le Générateur de vidéo IA. Reste simple et ne mets pas de texte dans le prompt vidéo. Le texte vient plus tard, dans le code. Pour des idées de prompts, consulte ceci Exemples de prompts vidéo IA pour MCP.

Étape 2 : choisis un rendu avec une image fixe. Ses premières versions semblaient génériques. Alors elle a pris une image nette du clip et a demandé à Claude de créer trois styles graphiques avec GPT Image 2.5 via MCP : un look magazine de mode, un look écran de jeu vidéo et un look griffonné à la main.

Le style gribouillis dessiné à la main, l'un des trois rendus testés sur une seule image avant d'animer quoi que ce soit.

Étape 3 : donne à Claude le clip et l'image fixe. Le clip sert de base. L'image fixe montre le rendu attendu. Claude reconstruit chaque lettre et chaque graphique en code par-dessus la vidéo.

Entrée : un clip brut et une image stylisée. Sortie : le même clip avec des graphismes animés et modifiables.

Étape 4 : décris les plans en mots simples. Des mots de tous les jours suffisent ici. Le plan de tournage de Mia tenait en quatre lignes : le nom Cloud Flow, un gros plan sur le mesh, la techno cloud foam, et le talon anti-rayures. Claude a transformé ça en texte à l'écran et en timing. Si tu veux plus de contrôle, demande à Claude de te montrer la liste des plans avant qu'il ne construise quoi que ce soit.

Ce que Mia a dit à gauche, le texte que Claude a écrit pour chaque plan à droite.

Étape 5 : teste des titres sans nouvelle génération. Change la ligne du titre dans le code et exporte à nouveau. Le plan produit ne change pas, et tu ne dépenses pas de crédits sur une deuxième vidéo.

Accroche A et accroche B sur le même clip. Une seule ligne de code a changé.

C'est surtout utile pour les marketeurs à la performance. Tu peux créer un lot de versions d'une pub à partir d'un bon clip et laisser les résultats désigner le gagnant. Notre guide sur test de créations publicitaires avec l'IA montre comment planifier ces tests.

Workflow 3 : créer une vidéo animée complète en code

Tu peux aussi faire complètement l'impasse sur le modèle vidéo. L'exemple de Mia, c'est « Mimi a faim », une vidéo façon jeu tout en douceur où un chat prépare l'omelette parfaite. Les zones de texte, les menus, le mini-jeu et l'écran de résultat sont tous codés.

Personnages. GPT Image 2.5 sur OpenArt a créé une planche du chat dans six poses sur fond vert uni, avec le décor de cuisine en plus. Claude a séparé chaque pose et les a alternées dans le temps, comme du stop-motion en papier. Cette méthode donne le meilleur rendu pour un style saccadé et fait main. Claude peut aussi dessiner lui-même des personnages simples directement en code.

Une image, six poses. Claude passe de l'une à l'autre pour faire bouger le chat.

Son. Les voix viennent de l'outil Créer une voix off sur OpenArt. Les effets sonores et la musique 8-bit ont été écrits en code.

Direction. Mia a décrit une histoire et un style, et Claude a trouvé l'animation. La même approche fonctionne pour des clips musicaux avec musique originale, des vidéos explicatives et de courtes histoires de marque. Si tu préfères ne pas travailler en code, le Générateur d'animation IA crée des vidéos animées à partir d'un prompt.

Comment configurer Claude et OpenArt pour les motion graphics

La configuration n'est à faire qu'une seule fois.

1. Ouvre Claude Code dans l'application de bureau. Ouvre l'onglet Code, crée un nouveau dossier de projet, ouvre-le dans Claude Code et autorise l'accès. Si tu débutes avec la création de visuels dans Claude, commence par ceci Guide de génération d'images et de vidéos avec Claude Opus 5.5.
2. Ajoute le plugin Remotion. Remotion est la bibliothèque de code qui transforme le code de Claude en vidéo. Dans l'application de bureau Claude, sélectionne Code, puis Personnaliser, puis Plugins, puis Découvrir. Cherche « remotion » et ajoute le plugin.
3. Lance le prompt de configuration. Le package d'installation est lié dans la description de la vidéo. L'invite installe Node.js et Git s'ils sont absents, configure un projet Remotion, ajoute des templates et un fichier de règles, et crée une courte vidéo de test. Règle les autorisations sur « accepter les modifications » pour que Claude puisse travailler sans demander à chaque étape.
4. Connecte OpenArt MCP. Dans Claude pour bureau ou sur claude.ai, va dans Personnaliser, puis Connecteurs. Clique sur Ajouter un connecteur personnalisé, nomme-le OpenArt et colle cette URL de serveur : https://mcp.openart.ai/mcp. Clique sur Ajouter, puis Connecter, et connecte-toi avec ton compte OpenArt. Toutes les étapes pour les autres agents sont sur le Page MCP.

Une note sur les outils : OpenArt MCP génère les images et les vidéos, et Claude gère l'animation en code. Extraire les calques et Créer une voix off fonctionnent sur le site OpenArt. Crée les calques ou la voix off là-bas, enregistre-les, et Claude les récupère depuis ton compte.

Une note sur Remotion : c'est gratuit pour les particuliers et les équipes de 3 personnes maximum. Les entreprises de 4 personnes ou plus ont besoin d'une licence entreprise Remotion.

Commence par un petit projet, comme une seule diapo de carrousel animée. Une fois le dossier et la bibliothèque de styles en place, traite le reste par lots.

Combien ça coûte ?

Deux comptes sont impliqués.

Claude. Tu as besoin de Claude Code dans l'application de bureau Claude.

OpenArt. Les crédits sont dépensés pour ce qu'OpenArt génère : images, clips vidéo, calques et voix off. Modifier le texte, le timing et le mouvement en code ne consomme pas de crédits OpenArt. C'est la principale économie par rapport au fait de relancer une vidéo IA jusqu'à ce que le texte soit correct.

Si les motion graphics sont destinés à un travail client ou à des pubs, note que les droits commerciaux s'appliquent sur les forfaits payants éligibles. Les nouveaux comptes reçoivent 40 crédits gratuits pour tester, sans carte bancaire. Consulte le page tarifaire pour les offres et crédits actuels.

FAQ

Claude peut-il créer du motion design ?

Oui. Avec Claude Code et le plugin Remotion, Claude écrit l'animation sous forme de code et l'exporte en vidéo. Claude n'a pas de modèle d'image propre (voici pourquoi Claude ne peut pas générer d'images), alors associe-le à OpenArt MCP. Claude fonctionne alors aussi comme un Générateur de vidéo IA Claude et peut créer les images, personnages et clips qu'il anime.

Faut-il maîtriser After Effects ou l'animation ?

Non. Tout dans la démo a été fait sans After Effects. Tu décris l'histoire, le style et les plans avec des mots simples, et Claude gère l'animation.

Pourquoi garder le texte hors du prompt vidéo IA ?

Les modèles vidéo IA dessinent le texte comme un élément de l'image. Si un mot est faux, tu dois régénérer tout le clip. Quand le texte vit dans le code, tu le corriges d'une simple retouche, et le reste de la vidéo reste parfaitement intact.

C'est quoi, la config Claude et Remotion ?

Remotion est une bibliothèque de code pour créer des vidéos. Le plugin Remotion pour Claude Code donne à Claude tout ce qu'il faut pour construire des projets Remotion. Tu l'ajoutes depuis la section Plugins de l'application de bureau Claude.

Remotion est-il gratuit ?

Remotion est gratuit pour les particuliers et les équipes de 3 personnes maximum. Les entreprises de 4 personnes ou plus ont besoin d'une licence entreprise auprès de Remotion.

De quelle offre OpenArt ai-je besoin ?

OpenArt MCP fonctionne avec toutes les offres, y compris Starter. Les offres supérieures te donnent plus de crédits mensuels pour les images et les clips. Les droits commerciaux s'appliquent aux offres payantes éligibles.