Figma ajoute les « code layers », l'animation native et plus de fonctions IA (Config 2026)
D'après TechCrunch - Figma adds code layers, support for animations, more AI features in new update, relayé par TechCrunch AI
Rédigé à partir de la source originale; chaque fait est vérifié contre le texte source.
À retenir
- Les « code layers » transforment un calque de design en code interactif générable d'un clic ou d'une invite en langage naturel, avec possibilité d'extraire le code vers des calques éditables.
- Figma Motion ajoute une chronologie d'animation native avec images clés et préréglages pour créer transitions et transformations 3D directement dans Figma, sans logiciel de mouvement séparé.
- Les animations sont inspectables en Dev Mode et exportables en CSS, JSON, code prêt pour React, MP4, WebM, SVG animé ou GIF.
- L'agent IA de Figma peut générer des effets shader à partir d'une description ou d'une image de référence, et créer des plugins personnalisés sans écrire de code.
- Code Layers est en accès anticipé sur liste d'attente, avec déploiement prévu à partir de juillet 2026 ; les autres fonctions étaient disponibles dès Config 2026.
Pourquoi ça compte
La mise à jour réduit l'écart entre conception et développement en rendant le code et l'animation manipulables directement sur le canevas collaboratif de Figma, sans changer d'outil. Figma insiste toutefois : les code layers servent à explorer des pistes, pas à produire du code prêt pour la production.
Citation
« We think the multiplayer canvas is really powerful because this is an environment where you don't really care about the quality of the code. » Yuhki Yamashita, chef de produit (CPO) de Figma
Action concrète
Les équipes de design et de développement intéressées peuvent s'inscrire à la liste d'attente pour l'accès anticipé aux code layers, et explorer dès maintenant Figma Motion et les nouveaux outils IA dans l'interface de Figma.
Repères datés
- 23-25 juin 2026 - Conférence Config 2026 de Figma à San Francisco, où les nouveautés sont dévoilées.
- 24 juin 2026 - Publication de l'article TechCrunch annonçant les code layers, l'animation native et les nouvelles fonctions IA.
- juillet 2026 - Début du déploiement en accès anticipé des code layers, sur invitation via liste d'attente.
Sources originale et média
Sources
- TechCrunch - Figma adds code layers, support for animations, more AI features in new update : Relais journalistique, cite le chef de produit de Figma
- Figma - Récapitulatif Config 2026 : Source primaire officielle détaillant les fonctionnalités annoncées
- Relais média : TechCrunch AI → · Lire en français
