Config 2026 : Figma ajoute l'animation avec Figma Motion et place du code exécutable sur le canevas

2026-06-24 · Éditeur : Figma · Domaine : Design, UX et UI

Figma lance une timeline d'animation native exportable en vidéo ou en SVG animé, annonce les code layers en accès anticipé et ouvre son agent à tous la veille de la conférence.

### Contexte Le **24 juin 2026**, lors de **Config 2026** à San Francisco, **Figma** présente ses nouveautés. La conférence est marquée par la concurrence des outils de design générés par IA, dont Claude Design d'Anthropic lancé en avril. ### Caractéristiques - **Figma Motion**, disponible le jour même : timeline avec images clés et préréglages dans Figma Design ; export **MP4, WebM, SVG animé, GIF** ; durées et courbes d'accélération visibles dans **Dev Mode**. - **Code layers** : des calques de design deviennent des calques de code interactifs, et inversement ; liste d'attente, déploiement à partir de **juillet**. - **Remplissages et effets par shaders**, paramétrables directement sur le canevas. - **Plugins génératifs** créés à partir d'une description, sans environnement de développement local. - Outils nodaux **Figma Weave** disponibles sur le canevas. - L'agent Figma, ouvert à tous **la veille**, gagne des connecteurs (Notion, Slack, GitHub, Atlassian). ### Pourquoi c'est important L'animation d'interface se faisait jusqu'ici hors de Figma (After Effects, Rive, Lottie) ou à la main dans le code. Figma Motion l'intègre au fichier de design et transmet les paramètres aux développeurs. Les code layers poursuivent le rapprochement entre maquette et produit réel. ### À retenir Avec Motion et les code layers, le fichier Figma tend à devenir la source unique du comportement d'une interface, pas seulement de son apparence.

Tags : Figma, Conférence, Motion design