Le virage
Config 2026, la conférence annuelle de Figma, s'est tenue à San Francisco le 24 juin 2026 avec plus de 10 000 participants en présentiel. L'annonce centrale : Figma traite désormais le code, le mouvement et les shaders graphiques comme des "matériaux de design" au même titre que les formes et les composants. Tout coexiste dans le même canvas collaboratif.
Code Layers
Code Layers permet de convertir n'importe quel calque de design en calque de code en un clic ou via un prompt. Le canvas Figma peut être lié à un dépôt GitHub : cloner un repo, générer des variantes de design avec l'IA, convertir des flux applicatifs en calques éditables et synchroniser les modifications vers le code. Le déploiement a commencé en juillet 2026 sur les plans payants.
C'est une attaque directe sur les outils comme Cursor ou les workflows design-to-code existants. Figma intègre le cycle complet dans un seul outil, là où les équipes jonglaient entre Figma pour le design et un éditeur de code séparé pour l'implémentation.
Figma Motion
Figma Motion ajoute une timeline avec keyframes et presets directement dans Figma Design. Les animations peuvent être créées de zéro, superposées sur des designs existants, ou générées par l'agent Figma à partir d'un prompt. Les exports supportent CSS, JSON, React, MP4, WebM, SVG animé et GIF. La fonctionnalité est disponible immédiatement sur les plans professionnels.
Shaders WebGPU
Les shaders WebGPU arrivent en tant que fills visuels sur les plans payants. L'utilisateur décrit l'effet souhaité en langage naturel à l'agent Figma, qui génère un programme WGSL (WebGPU Shading Language) paramétré, avec des curseurs de contrôle directement sur le canvas. Les effets disponibles incluent dithering, pixelation, blur, verre dépoli, métal liquide, bruit fractal et motifs moiré.
Ce que ça change pour les équipes
Figma n'est plus seulement un outil de maquette. Il devient l'environnement où le design et le code se rejoignent, avec l'IA comme couche d'orchestration. Pour les petites équipes ou les développeurs solo, la promesse est de supprimer la friction entre "à quoi ça ressemble" et "comment ça fonctionne". Pour les grandes organisations, la question est celle de l'intégration dans les workflows Git et CI/CD existants.
La concurrence directe avec Cursor sur Code Layers sera à surveiller. Figma mise sur son avantage collaboratif : plusieurs personnes dans le même canvas en temps réel, là où les éditeurs de code restent fondamentalement des outils individuels.
Sources
- Config 2026: New Materials, New Tools and a More Expressive Canvas — Figma Blog, 25 juin 2026
- Figma Launches Code Layers and Motion at Config 2026 — CMSWire, juin 2026
- Figma Config 2026: Code Layers Challenge Cursor as GPU Shaders Hit Paid Plans — TechTimes, 25 juin 2026
