De la vidéo à partir de code : pourquoi les développeurs n'ont plus peur du motion design

Souvenez-vous de la dernière fois où vous avez eu besoin d'une vidéo promo simple pour un projet perso ou une fonctionnalité de SaaS. Vous avez sans doute ouvert After Effects, été effrayé par l'interface et refermé le logiciel au bout de cinq minutes, ou bien cherché un freelance sur une plateforme. Pendant des années, le motion design est resté un club fermé réservé aux détenteurs de cartes graphiques puissantes et d'une patience à toute épreuve. Mais le mur entre ceux qui écrivent du code et ceux qui créent le visuel s'est enfin fissuré. Non pas parce qu'Adobe serait soudain devenu convivial, mais parce que la vidéo est devenue un simple composant React.

L'arrivée de Remotion a été une révolution discrète dans le monde du frontend. L'idée est d'une simplicité géniale : si l'on sait rendre des interfaces dans le navigateur, pourquoi ne pas appliquer la même logique pour générer des images de vidéo ? Au lieu de déplacer des images clés à la souris sur une timeline, on écrit une fonction. Si la valeur de la variable X augmente, le logo glisse en douceur depuis le bord de l'écran. C'est mathématiquement précis, prévisible et, surtout pour un développeur, terriblement pratique à versionner avec Git. Fini les fichiers Final_v2_real_final.aep.

Mais pourquoi en parler maintenant, alors que Remotion existe depuis quelques années ? La réponse tient à sa synergie avec les agents d'IA actuels, comme Claude 3.5 Sonnet ou GPT-4. Auparavant, écrire une animation complexe avec Remotion demandait encore du temps pour calculer les timings et les courbes de Bézier. Aujourd'hui, on donne la documentation à l'agent d'IA et on lui demande : « Fais-moi un effet d'apparition de texte à la Apple, ajoute un flou de mouvement et synchronise-le avec la piste audio. » L'agent fournit un code prêt à l'emploi, qu'on colle dans le projet. Ce qui prenait une journée de travail à un designer professionnel se monte désormais en une demi-heure et quelques milliers de tokens.

Dans ce duo, l'outil Skills joue le rôle de pont qui simplifie le travail avec les ressources visuelles. Il permet au développeur de ne pas s'embarrasser du travail graphique de bas niveau et de se concentrer sur la logique narrative. Nous entrons dans une époque où le contenu vidéo cesse d'être un fichier statique déposé sur un serveur. Imaginez le tableau de bord de votre service générant en un clic un rapport vidéo personnalisé pour un client, à partir de ses données réelles du mois. C'est impossible à faire efficacement dans les éditeurs vidéo traditionnels, mais c'est une tâche élémentaire pour Remotion associé à l'IA.

Pour les entreprises, cela représente une économie colossale. Les startups n'ont plus besoin d'engager des agences pour réaliser de simples vidéos explicatives ou des publicités pour les réseaux sociaux. Un développeur de goût ayant accès à un LLM remplace tout un service de production. Bien sûr, les longs métrages complexes ou les graphismes à gros budget continueront d'être réalisés par des professionnels avec des logiciels spécialisés. Mais pour 90 % des tâches de l'internet actuel, des stories Instagram aux démonstrations d'interfaces, le code et les réseaux de neurones sont désormais plus que suffisants.

L'industrie du motion design en est aujourd'hui au point où se trouvait l'imprimerie avant l'arrivée de la PAO. Le savoir sacré devient un outil accessible. Il y a là une certaine ironie : nous avons tant attendu que les réseaux de neurones dessinent des dessins animés en un clic que nous avons raté le moment où ils ont appris tout simplement à nous aider à écrire le code de ces dessins animés. Et cette voie semble bien plus souple et professionnelle que n'importe quel bouton génératif « Shedevr ».

L'essentiel : le motion graphics fait officiellement partie du développement frontend. Si vous pensiez encore que la vidéo était compliquée et chère, il est temps d'ouvrir un terminal et d'essayer de monter votre première vidéo en React. Les designers sont-ils prêts à voir leur travail décrit par npm install ?

*Meta est reconnue comme organisation extrémiste et interdite en Fédération de Russie.