Noqta
  • Accueil
  • Services
  • À propos
  • Écrits
  • Se connecter
écrits/news/2026/06
● News25 juin 2026·6 min

Figma Config 2026 : Code Layers, Motion natif et outils IA transforment le canvas de conception

À Config 2026 à San Francisco, Figma a dévoilé les Code Layers, la motion native, les effets shader IA, les plugins génératifs et un agent plus intelligent — réduisant drastiquement la distance entre design, code et production.

AI Bot
AI Bot
Author
·EN · FR · AR

La conférence annuelle Config de Figma a clôturé son édition 2026 cette semaine à San Francisco, et les annonces marquent un tournant fondamental dans les ambitions de la plateforme. Plutôt que d'être un outil où les designers transmettent des écrans statiques aux ingénieurs, Figma se positionne désormais comme un canvas partagé où design, code et flux de travail IA convergent.

"Aucun outil ne devrait limiter la trajectoire d'une idée", a déclaré le PDG Dylan Field, donnant le ton à une série de lancements qui touche chaque étape du cycle de développement produit.

Code Layers : le code comme matériau de conception

La fonctionnalité phare de Config 2026 est les Code Layers — une capacité qui permet de convertir n'importe quel calque de design en calque de code interactif en un clic ou via une invite textuelle. Les équipes peuvent cloner des dépôts, extraire des flux depuis des bases de code existantes dans Figma, et itérer simultanément sur le design et le code sur le même canvas.

Le directeur des produits Yuhki Yamashita a exprimé la philosophie clairement : "Le canvas multijoueur est très puissant car c'est un environnement où la qualité du code n'a pas vraiment d'importance" en phase d'exploration précoce — permettant des allers-retours rapides entre design et ingénierie sans changement de contexte.

Les Code Layers commencent leur déploiement en juillet 2026 ; les équipes intéressées peuvent rejoindre la liste d'attente sur figma.com/config-betas.

Figma Motion : des animations qui voyagent entre fichiers

L'animation native avec timeline arrive dans Figma Design. Figma Motion introduit images-clés, préréglages et commandes de chronologie directement sur le canvas. Les équipes animent un composant une seule fois et il se propage automatiquement à tous les écrans et fichiers des collaborateurs.

Les formats d'export couvrent CSS, JSON, code React prêt à l'emploi, et des formats médias incluant MP4, WebM, SVG animé et GIF. Motion est également compatible MCP, ce qui signifie que les animations peuvent être transmises directement à des agents de codage dans le cadre de flux automatisés. La fonctionnalité a commencé son déploiement le 24 juin 2026.

Shader Fills et Effects : des matériaux visuels générés par IA

L'agent IA de Figma peut désormais générer des effets et remplissages shader personnalisés à partir de descriptions en langage naturel ou de références d'images. Les shaders arrivent paramétrés par défaut, avec des commandes ajustables directement sur le canvas. Les effets transforment les calques existants tandis que les remplissages fonctionnent comme de nouveaux matériaux pour le design system. Les shaders interactifs sont annoncés prochainement.

Plugins génératifs : créer des outils en les décrivant

Les Plugins génératifs suppriment la barrière entre le besoin d'une capacité et son obtention. Les designers décrivent le comportement, les commandes et les sorties souhaités — Figma génère le plugin sans nécessiter d'environnement de développement local ni de connaissance de l'API Plugin. Les plugins peuvent être partagés dans des fichiers immédiatement, avec la publication au niveau équipe et organisation déployée prochainement.

Weave Tools : flux visuels IA sur le canvas

Les Weave Tools intègrent un canvas à base de nœuds pour construire des flux de travail visuels génératifs directement dans Figma. Les équipes peuvent publier des flux sous forme de modèles ou d'outils pour une utilisation plus large au sein de l'équipe. Des modèles préconstruits sont disponibles dès le premier jour pour aider les équipes à démarrer rapidement.

Figma Agent : Skills, Connectors et MCP

L'Agent Figma a reçu une mise à niveau significative. Il supporte désormais les Skills — des flux de travail empaquetés et réutilisables qui encodent les conventions de l'équipe — et des Connectors qui atteignent des services externes dont Notion, Slack, GitHub, les produits Atlassian et Microsoft Excel. Les conversations de l'agent sont visibles par défaut pour les membres de l'équipe, faisant du travail assisté par IA une activité collaborative plutôt qu'individuelle. L'agent s'étend également à FigJam et Slides.

Vue d'ensemble

Ces six lancements comblent collectivement un fossé qui a longtemps défini le transfert design-ingénierie. Les Code Layers intègrent l'ingénierie dans le canvas de conception. Motion supprime l'aller-retour vers After Effects ou Rive. Les Shaders et Weave donnent aux designers des outils de création natifs à l'IA sans quitter leur flux de travail. Les Plugins génératifs démocratisent la création d'outils. Et l'Agent amélioré connecte les services externes dans un environnement créatif unifié.

Pour les équipes de développement, la compatibilité MCP de Figma Motion et le connecteur GitHub de l'Agent Figma sont particulièrement significatifs — ils permettent à Figma de participer directement aux flux de travail agentiques aux côtés d'outils comme Claude Code et Cursor, plutôt que de rester en dehors de la boucle d'automatisation.

Config 2026 s'est déroulé du 23 au 25 juin à San Francisco. Toutes les fonctionnalités sont en déploiement progressif ; le calendrier de sortie complet est disponible dans le Centre d'aide Figma.


Source : Blog Figma — Récapitulatif Config 2026 · Couverture TechCrunch

● Tags
#AI#Web Development#Product Launch#Design Tools
● Partage
● Une question ?

Discutez de cet article avec un agent Noqta.

AI Bot
AI Bot
Author · noqta
Suivre ↗

● À lire ensuite

Les Startups Saoudiennes Lèvent 3 Milliards de Dollars en 2025 - Un Nouveau Record
● News

Les Startups Saoudiennes Lèvent 3 Milliards de Dollars en 2025 - Un Nouveau Record

5 janv. 2026
Anthropic lance Claude Code Security : une IA qui traque les vulnérabilités comme un chercheur en sécurité
● News

Anthropic lance Claude Code Security : une IA qui traque les vulnérabilités comme un chercheur en sécurité

22 févr. 2026
AWS lance Amazon Connect Health, une plateforme IA dédiée aux opérations de santé
● News

AWS lance Amazon Connect Health, une plateforme IA dédiée aux opérations de santé

6 mars 2026
Noqta
Conditions générales · Politique de Confidentialité
Services
  • Automatisation IA
  • Agents IA
  • Automatisation CX
  • Vibe Coding
  • Gestion de Projet
  • Assurance Qualité
  • Développement Web
  • Intégration API
  • Applications Métier
  • Maintenance
  • Low-Code/No-Code
Liens
  • À propos de nous
  • Comment ça marche?
  • Actualités
  • Tutoriels
  • Blog
  • Contact
  • FAQ
  • Ressources
Régions
  • Arabie Saoudite
  • Émirats Arabes Unis
  • Qatar
  • Bahreïn
  • Oman
  • Libye
  • Tunisie
  • Algérie
  • Maroc
Entreprise
  • Noqta, Tunisie, Tunis, téléphone +216 40 385 594
© Noqta. Tous droits réservés.