--- title: "Motion design IA pour vos vidéos produit | Potto AI" description: "Créez du motion design IA depuis un prompt ou un lien : textes, écrans produit et graphiques animés au rythme d’une voix off pour vos vidéos et explications." canonical: "https://potto.ai/fr/ai-motion-graphics" language: "fr" dateModified: "2026-10-09" --- # Motion design IA Créez du motion design pour des vidéos produit, des vidéos explicatives et des récits de données à partir d’un prompt ou d’un lien : textes animés, écrans produit et graphiques aux couleurs de votre marque, calés sur une voix off. - Typographie animée - Écrans produit animés - Graphiques en mouvement - Style de marque intégré ## Aperçu interactif du parcours de création en motion design - Étape 1, Description : Potto lit transcript.im et prépare une description à confirmer - Étape 2, Plan : six écrans associés à la voix off et un système visuel - Étape 3, Storyboard : chaque écran avec sa voix off et ses visuels - Étape 4, Générer : la vidéo rendue avec six écrans - Étape 5, Modifier : une modification par chat met à jour uniquement les écrans 3 et 6 ## Exemples populaires de motion design IA Textes en mouvement, écrans produit animés, graphiques et films de lancement créés avec le générateur de motion design IA. Les affiches se chargent d’abord ; une vidéo ne se lance qu’au clic et la ligne sous chaque affiche indique son origine. ### Collez un lien, obtenez un texte propre *Texte animé · Une ligne à chaque temps · 0:08* **Prompt** > Créez du motion design en 16:9 pour un outil de transcription. Utilisez trois grandes phrases à l’écran, une par temps : ’Paste any link.’, ’Get clean text.’ et ’In seconds.’, chacune apparaissant au rythme de la voix off. ### Visite d’un tableau de bord *Écrans produit · Zoom et curseur, 16:9 · 0:10* **Prompt** > Animez mes deux captures de tableau de bord en 16:9 : commencez par la vue complète, zoomez sur le réglage essentiel avec un parcours de curseur, puis terminez par un appel à l’action avec notre URL. ### Chiffre d’affaires en hausse de 42 % *Récit de données · Le T3 en 45 secondes · 0:09* **Prompt** > Transformez mes chiffres trimestriels en motion design 16:9 : un titre, une statistique de croissance de 42 % et un graphique en barres du chiffre d’affaires mensuel de juillet à octobre qui se remplit progressivement. ### Annonce du jour de lancement *Lancement · Accroche, écran, appel à l’action · 0:09* **Prompt** > Créez une vidéo de lancement en 16:9 : une accroche nommant le produit, une capture d’écran zoomée avec un parcours de curseur et un appel à l’action final avec l’URL. ### Trois mots, une idée *Texte animé · Vidéo centrée sur le texte, 9:16 · 0:08* **Prompt** > Créez une vidéo 9:16 centrée sur le texte avec le style Minuit high-tech : deux courts écrans de titre, puis une citation qui remplit le cadre, calés sur le rythme. ### Où va le budget *Récit de données · Graphique en anneau, 9:16 · 0:10* **Prompt** > Montrez la répartition de notre budget en 9:16 : un titre, un graphique en anneau avec produit 45, marketing 30 et assistance 25, puis une statistique sur les 45 % consacrés au produit. ### Découvrez Halo *Présentation de marque · Nom, trois mots, URL · 0:10* **Prompt** > Créez une présentation de marque en 16:9 pour Halo : une accroche avec le nom et une signature, trois fonctionnalités d’un mot chacune et un écran final avec halo.studio. ### Le fonctionnement des vaccins, animé *Vidéo explicative · Titre, deux illustrations · 0:10* **Prompt** > Expliquez le fonctionnement des vaccins en 16:9 : une question en titre, puis deux étapes illustrées avec de courts sous-titres, dans le style Minuit high-tech. ### Visite d’écran au format carré *Écrans produit · Prêt pour le fil d’actualité, 1:1 · 0:10* **Prompt** > Animez ma capture d’écran en 1:1 pour les fils d’actualité : un zoom avec parcours de curseur, une liste de fonctionnalités sur deux lignes et un appel à l’action final. ### Les nouveautés de la v2.0 *Notes de version · Trois changements, 16:9 · 0:10* **Prompt** > Transformez notre journal des modifications v2.0 en motion design 16:9 : une accroche nommant la version, une liste de trois changements et une invitation à lire les notes. ### Un même rendu sur chaque écran *Système visuel · Avant / après, 16:9 · 0:10* **Prompt** > Montrez l’importance d’un système visuel en 16:9 avec le style Nuit néon : une accroche, trois fonctionnalités et une comparaison avant / après. ### Pourquoi les villes végétalisent les toits *Article · Question, liste, citation · 0:10* **Prompt** > Transformez mon article en motion design 16:9 : la question centrale en titre, trois idées pour l’étayer dans une liste et la conclusion en citation avec mention de la source. *Chaque vidéo présentée ici est un exemple Potto construit à partir d’une courte description. Ces exemples sont des démonstrations composées avec les types de scènes de Potto, pas des réalisations de clients. Ils se lisent en aperçu direct dans votre navigateur à partir des mêmes données de scènes que celles exportées en MP4.* - [Animer un parcours produit](https://potto.ai/fr/product-video.md) - [Créer un récit de données](https://potto.ai/fr/explainer-video.md) - [Créer un film de lancement](https://potto.ai/fr/ai-video-generator.md) ## Chaque écran est planifié avant de s’animer Le motion design IA fonctionne lorsque les mots, l’image et le rythme s’accordent. Potto décrit chaque écran dans un storyboard que vous pouvez lire et modifier avant toute animation. *0:12 – 0:18 · Écran 3 · 6 s* - **Voix off**: Découvrez transcript.im. Collez un lien YouTube, TikTok, Instagram ou X, ou déposez un fichier audio. - **Ce que voit le public**: La page d’accueil de transcript.im glisse depuis le bas. La caméra avance vers le champ de recherche, un lien s’y colle automatiquement et les badges des plateformes apparaissent en dessous. - **Texte à l’écran**: Collez un lien / YouTube · TikTok · Instagram · X - **Ressources**: Capture de la page d’accueil, Badges des plateformes, Logo ### La voix off détermine le rythme Chaque écran dure le temps de sa phrase de voix off : texte et mouvement ne prennent donc jamais d’avance sur la narration. ### Le texte à l’écran reste court Deux ou trois mots par écran, en grand. La phrase complète se trouve dans la voix off et les sous-titres. ### Les ressources viennent de votre lien Les captures d’écran, le logo et les couleurs sont récupérés sur la page collée, puis animés sur les écrans qui en ont besoin. ## Ce qui rend le motion design IA efficace Quatre éléments déterminent si le motion design IA retient l’attention : les mots qui bougent, les écrans qui les portent, les chiffres qui progressent et le style qui relie l’ensemble. ### Du texte en grand, calé sur chaque phrase Les phrases clés s’affichent en grand à l’écran, deux ou trois mots à la fois. La durée de chaque écran correspond à celle de sa phrase de voix off, pour que le texte ne devance jamais la narration. Les sous-titres affichent la phrase prononcée en dessous, et les formulations courtes restent assez grandes pour être lues sur un téléphone. - Chaque écran dure le temps de sa phrase de voix off - Des sous-titres pour chaque phrase prononcée - Grands caractères lisibles sur téléphone ![Image d’une vidéo de motion design IA avec une grande citation animée et du texte à l’écran calé sur le rythme](https://cdn.potto.ai/images/ai-motion-graphics-kinetic-typography-frame-962.webp) ### Vos écrans produit, animés Collez l’adresse de votre site : Potto récupère les captures d’écran, le logo et les couleurs, puis les anime avec un zoom lent vers le champ de recherche, un curseur qui parcourt le flux par clics et un sous-titre sur la partie importante. Votre vraie interface reste au centre, à la place d’une maquette. - Captures d’écran et logo récupérés depuis votre lien - Zoom et parcours de curseur sur de vrais écrans - Légendes pointant le bon détail ![Image de motion design zoomant sur un portrait illustré dans une fenêtre produit, avec un sous-titre saisi](https://cdn.potto.ai/images/ai-motion-graphics-product-screens-frame-1080.webp) ### Des graphiques qui progressent Donnez les chiffres à Potto : une statistique principale apparaît d’abord, suivie d’un graphique en barres ou en anneau qui se remplit lorsque la narration atteint chaque valeur. Les graphiques reprennent trois à six valeurs nommées de votre description : les chiffres à l’écran sont donc ceux que vous avez fournis. - Statistique principale, puis graphique - Graphiques en barres et en anneau avec 3 à 6 valeurs - Valeurs issues de vos propres données ![Image d’un récit de données en motion design IA avec barres animées du chiffre d’affaires mensuel de juillet à octobre](https://cdn.potto.ai/images/ai-motion-graphics-data-story-frame-1080.webp) ### Un même rendu sur chaque écran Avant d’écrire un écran, Potto définit un système visuel : palette, famille de polices et style d’animation issus de votre marque ou de l’un des 12 styles intégrés. Chaque scène en hérite ensuite : titre, capture d’écran et graphique forment ainsi un ensemble cohérent. - Palette et polices issues de votre marque - 12 styles visuels intégrés - Animations cohérentes sur chaque écran ![Image de motion design listant les couleurs de marque sur chaque scène, une famille de polices et des animations assorties](https://cdn.potto.ai/images/ai-motion-graphics-visual-system-frame-1080.webp) ## D’autres façons de créer avec Potto Le motion design IA anime toutes les vidéos Potto. Partez d’un format précis ou préparez les images et les fonds qui composent une scène. - [Générateur de vidéo IA](https://potto.ai/fr/ai-video-generator.md): Tous les types de vidéos, à partir d’un prompt ou d’un lien. - [Vidéo explicative](https://potto.ai/fr/explainer-video.md): Expliquez une idée avec des illustrations et des sous-titres. - [Vidéo de lancement de produit](https://potto.ai/fr/product-video.md): Montrez un parcours produit à partir de vos captures. - [Générateur d’image IA](https://potto.ai/fr/ai-image-generator.md): Créez des illustrations et des visuels pour vos scènes. - [Enlever le fond d’une image](https://potto.ai/fr/background-remover.md): Détourez un logo ou un produit pour une scène nette. - [Claude Video](https://potto.ai/fr/claude-video): Claude rédige le storyboard, Remotion réalise le rendu vidéo. ## Motion design IA : questions fréquentes Réponses sur la définition du motion design IA, les éléments qu’il anime et la façon de le contrôler. ### Qu’est-ce que le motion design IA ? Le motion design IA désigne des écrans animés, comme du texte en mouvement, des captures d’écran produit et des graphiques, qu’une IA planifie et qu’un moteur de rendu anime pour vous. Potto est un générateur de motion design IA : il rédige la description et un storyboard scène par scène à partir de votre prompt ou lien, puis produit un MP4 avec voix off, sous-titres et musique. Le résultat est une animation conçue, pas une séquence filmée ni un présentateur numérique. ### Quel lien entre motion design IA, vidéos produit et vidéos explicatives ? Toutes les vidéos créées par Potto reposent sur le motion design : textes, captures d’écran, graphiques et illustrations animés au rythme d’une voix off. Une [vidéo produit](https://potto.ai/fr/product-video.md) les utilise pour montrer ce que fait un produit, et une [vidéo explicative](https://potto.ai/fr/explainer-video.md) pour rendre une idée facile à suivre. Cette page couvre les deux ; la page Générateur de vidéo IA présente le même outil selon les formats vidéo. ### Que peut animer le motion design ? Un projet se compose de onze types de scènes : accroche, titre, capture d’écran, fonctionnalités, liste, statistique, comparaison, graphique, illustration, citation et appel à l’action final. Le texte apparaît au bon moment, les captures zooment et suivent un parcours de curseur, et les graphiques progressent sous forme de barres ou d’anneaux avec trois à six valeurs. Le générateur de motion design IA applique aussi l’un des douze styles visuels ou reprend les couleurs de votre marque. ### Comment créer du motion design IA à partir d’un lien ou de captures d’écran ? Pour créer du motion design IA depuis un lien, collez l’adresse de la page dans l’outil et indiquez ce que la vidéo doit expliquer. Pour partir de captures d’écran, joignez jusqu’à huit images, documents ou fichiers audio. Potto récupère les captures, le logo et les couleurs de marque de la page lorsqu’il le peut, prépare la description et le storyboard, puis anime les écrans qui les portent. Vérifiez chaque écran par rapport à la source avant l’export. ### Puis-je contrôler l’animation et le rythme ? Vous contrôlez ce que chaque écran dit, montre et sa durée en modifiant le storyboard ou en le demandant dans le chat, par exemple en raccourcissant l’écran 3 ou en terminant sur votre logo. Potto anime à partir d’un ensemble fixe de types de scènes et de styles : il n’y a donc ni timeline libre ni code d’animation personnalisé. Une demande qui nomme l’écran et la modification donne le résultat le plus clair ; les versions précédentes restent disponibles pour revenir en arrière. ### Comment la voix off et les sous-titres influencent-ils le rythme ? La voix off donne le rythme : chaque écran reste affiché le temps de prononcer sa phrase, puis le suivant commence. Les sous-titres suivent les mots prononcés dans un style épuré, surligné ou en gras. Si la narration est désactivée, les durées viennent du storyboard. Vérifiez le rythme en lisant l’aperçu avec le son, puis sans son avec les sous-titres, car beaucoup de personnes regardent les vidéos en silence. ### Comment garder les chiffres d’un graphique exacts ? Fournissez à Potto les valeurs exactes, l’unité et la période dans votre description ou un document joint, car il ne vérifie pas les chiffres. Une scène graphique accepte trois à six valeurs nommées sous forme de barres ou d’anneaux avec une légende ; une scène statistique affiche un chiffre principal. Comparez chaque libellé et chiffre à votre source dans le storyboard, puis dans la vidéo exportée : une légende raccourcie peut perdre une unité. ### Quel résultat obtient-on et à quel prix ? Vous obtenez un MP4 1080p à 30 images par seconde, en 16:9, 9:16 ou 1:1, d’une durée de 15 à 90 secondes. Descriptions, storyboards, modifications par chat et aperçus sont gratuits ; les crédits s’appliquent à l’export, au tarif de base indiqué dans le coût estimé, plus la narration selon le nombre de caractères et chaque illustration. Une vidéo silencieuse de 30 secondes coûte 150 crédits et sa création nécessite un compte. ### Puis-je créer du motion design IA avec Claude ? Oui. Potto utilise Claude Opus 5.5 pour rédiger le plan, le storyboard et le script de voix off. La création d’animations graphiques et de motion design avec Claude commence donc par une simple description ou un lien dans le navigateur, sans code ni configuration locale. Remotion assemble les scènes en un MP4 avec des illustrations et une voix off générées par l’IA, et vous pouvez modifier chaque scène avant d’exporter. ## Animez votre prochain lancement Collez un lien ou décrivez le motion design souhaité dans le créateur ci-dessus, vérifiez le storyboard et exportez lorsque chaque écran convient. Créez du motion design IA à partir d’un lien ; les aperçus et les modifications sont gratuits, et vous ne payez qu’à l’export.