Claude Motion : ce que l’animation par l’IA change pour le design UX/UI

Le 8 octobre 2026, Anthropic a lancé Claude Motion, un outil qui transforme une simple demande en courte animation : un graphique qui se construit, un parcours qui se déroule, une démonstration de produit. Le même jour, Docs, Slides et Design sont sortis de la phase bêta et sont devenus accessibles à tous les utilisateurs de Claude.

Pour les designers UX/UI, la question n’est pas de savoir si l’outil est impressionnant, mais à quoi il sert vraiment dans un projet. Le mouvement est un vrai levier d’expérience utilisateur, à condition de respecter quelques règles bien établies, notamment en matière d’accessibilité. Voici ce que fait Claude Motion, ce qu’il ne fait pas, et comment l’utiliser intelligemment.

Claude Motion, qu’est-ce que c’est ?

Claude Motion est un nouveau type de création dans Claude. On décrit l’animation souhaitée, Claude la construit, et le résultat se lit comme une courte vidéo. Anthropic cite trois exemples d’usage : transformer un rapport trimestriel en explication de 30 secondes pour une réunion d’équipe, ajouter du mouvement à un graphique dans une présentation, ou réaliser une démonstration de produit pour l’accueil de nouveaux clients (Anthropic, 8 octobre 2026).

Le point technique essentiel : Motion n’utilise pas de modèle de génération vidéo. Anthropic l’écrit noir sur blanc : « It doesn’t use a video generation model, so there’s no generated footage and no AI-generated people. » Claude écrit du code qui anime les éléments que vous lui fournissez. Conséquence directe : chaque élément reste modifiable. On peut changer un mot, un chiffre ou le minutage d’une scène sans tout refaire, soit en le demandant à Claude, soit directement dans l’éditeur.

Comment ça marche, concrètement

• Créer : depuis une conversation, on demande une animation ou on choisit « Motion » dans la zone de message (la commande « /motion » fait aussi apparaître l’option). On peut aussi partir d’un modèle Motion depuis l’onglet Artefacts.
• Mieux briefer : l’aide officielle conseille d’indiquer le public, le lieu de diffusion et la durée approximative, et de joindre ses rapports, données ou images.
• Exporter : l’animation se télécharge au format MP4. Anthropic annonce qu’elle peut ensuite être ouverte dans Adobe, Descript, HeyGen, Higgsfield, invideo, Luma AI ou Runway, Canva et Captions étant annoncés pour plus tard.
• Partager : les animations sont privées par défaut et se partagent par un lien.

Motion est disponible en bêta sur les offres Team et Enterprise. Il est activé par défaut sur Team, désactivé par défaut sur Enterprise jusqu’à ce qu’un administrateur l’active. Il n’est pas facturé à part, mais une animation longue ou complexe consomme davantage de la limite d’utilisation qu’un message classique (Aide Claude, Commencer avec Claude Motion).

Pourquoi le mouvement compte en design UX/UI

Le motion design n’est pas de la décoration. Dans un article de référence, la Nielsen Norman Group, spécialiste mondial de l’ergonomie, identifie plusieurs rôles utiles de l’animation dans une interface (NN/g, The Role of Animation and Motion in UX) :

• Donner un retour : confirmer qu’une action a bien été prise en compte, comme un bouton qui réagit au clic. C’est le domaine des micro-interactions.
• Signaler un changement d’état : un chargement en cours, un mode qui change, un écran squelette pendant l’affichage.
• Guider dans la navigation : un zoom avant ou arrière aide à comprendre où l’on se trouve dans une hiérarchie. L’animation complète une navigation claire, elle ne la remplace pas.
• Suggérer une action : le sens d’un mouvement peut indiquer qu’on peut glisser pour fermer ou balayer pour afficher des options.
• Éviter la désorientation : distinguer l’ouverture d’une nouvelle page de l’apparition d’un élément sur la page en cours, pour que l’utilisateur ne clique pas sur « Précédent » par erreur.

Les bonnes durées

Dans un second article, la NN/g donne des repères précis : la plupart des animations d’interface devraient durer entre 100 et 500 millisecondes. Pour un retour immédiat, comme une case à cocher ou un interrupteur, on vise environ 100 ms. Les éléments qui apparaissent peuvent durer un peu plus longtemps que ceux qui disparaissent, et la courbe la plus courante est l’« ease-out », qui démarre vite puis ralentit (NN/g, Executing UX Animations).

Les pièges à éviter

Le mouvement attire l’œil, même quand il n’apporte rien. La NN/g met en garde contre les animations qui font perdre du temps, contre la surcharge (plusieurs animations simultanées qui se concurrencent) et contre l’usage du mouvement pour manipuler l’attention de l’utilisateur, ce qui relève des pratiques trompeuses (dark patterns).

Accessibilité : le mouvement peut rendre malade

C’est le point le plus souvent oublié. Le W3C, qui publie les règles d’accessibilité du web (WCAG), le dit sans détour : « People can get sick from motion effects. » Chez les personnes atteintes de troubles vestibulaires (oreille interne), le mouvement peut provoquer vertiges, nausées et maux de tête (W3C, critère 2.3.3).

Deux critères WCAG s’appliquent directement :

• Critère 2.2.2 « Pause, Stop, Hide » (niveau A) : tout contenu en mouvement qui démarre automatiquement, dure plus de cinq secondes et s’affiche à côté d’autres contenus doit pouvoir être mis en pause, arrêté ou masqué (W3C, critère 2.2.2).
• Critère 2.3.3 « Animation from Interactions » (niveau AAA) : une animation déclenchée par une interaction doit pouvoir être désactivée, sauf si elle est essentielle. La technique recommandée est la requête CSS prefers-reduced-motion, qui détecte que l’utilisateur a demandé à réduire les animations dans les réglages de son système.

Pour une animation exportée en vidéo avec Claude Motion, retenez au minimum ceci : ne la lancez pas en boucle automatique sur une page sans bouton pause, et assurez-vous que le message reste compréhensible sans le mouvement.

Comment l’utiliser dans un projet UX/UI

Claude Motion produit une animation linéaire, une sorte de petite vidéo. Ce n’est donc pas un outil de prototypage interactif : pour tester un parcours cliquable, les prototypes réalisés dans Figma restent la bonne méthode. En revanche, il peut rendre service à plusieurs moments d’un projet :

• Présenter un parcours utilisateur à un client ou à une équipe qui n’ouvre jamais Figma, en montrant les étapes clés en 30 secondes.
• Expliquer une micro-interaction aux développeurs : une animation de référence, accompagnée de la durée et de la courbe souhaitées, évite bien des allers-retours.
• Restituer des résultats : rendre lisibles les chiffres d’un test utilisateur ou d’une étude, avec un graphique qui se construit.
• Créer un tutoriel d’accueil pour un nouveau produit ou une nouvelle fonctionnalité.

Dans tous les cas, c’est le designer qui donne le brief : le public, le message, la durée, le rythme. Un outil qui anime en quelques secondes ne dit pas quoi animer, ni pourquoi.

Ce que l’IA ne remplace pas

Claude Motion, comme Claude Design avant lui, accélère la production. Mais savoir quand un mouvement aide l’utilisateur et quand il le gêne, choisir la bonne durée, respecter l’accessibilité, relier chaque animation à un besoin identifié en recherche utilisateur : tout cela relève des fondamentaux du design UX/UI. Plus les outils deviennent puissants, plus ces fondamentaux font la différence entre une interface agréable et une interface qui fatigue.

Sources

• Anthropic, Build live dashboards and animate explainers with Claude, 8 octobre 2026.
• Aide Claude, Commencer avec Claude Motion, consulté le 13 octobre 2026.
• Reuters (via KSL), Anthropic launches dashboard, animation tools for Claude, 8 octobre 2026.
• Nielsen Norman Group, Page Laubheimer, The Role of Animation and Motion in UX, 12 janvier 2020.
• Nielsen Norman Group, Page Laubheimer, Executing UX Animations: Duration and Motion Characteristics, 9 février 2020.
• W3C, Understanding Success Criterion 2.3.3: Animation from Interactions.
• W3C, Understanding Success Criterion 2.2.2: Pause, Stop, Hide.