Figma dévoile Code Layers à la Config 2026, permettant aux designers d'écrire et d'exécuter du code directement sur le canvas

Figma a passé la dernière décennie à convaincre designers et ingénieurs de travailler dans le même fichier. Lors de Config 2026, tenue le 24 juin, l'entreprise a fait son geste le plus agressif pour éliminer complètement la frontière entre eux.

L'annonce phare est Code Layers : un système qui amène du code exécutable directement sur le canvas collaboratif de Figma. Les utilisateurs peuvent convertir n'importe quel calque de design en calque de code interactif en un clic, cloner des repositories pour extraire des flux de production et exécuter des packages npm sans quitter Figma. Le chat IA peut construire et modifier des calques de code à la demande. Le résultat est livré dans Figma Sites, soutenu par du code React personnalisé.

« Le code doit être traité comme n'importe quel autre matériau de design », a déclaré Dylan Field, PDG de Figma. « Code Layers traite les designers et les ingénieurs comme des collaborateurs sur une surface partagée où logique de design et de production coexistent. »

L'implication pratique est que l'étape de transfert traditionnelle (handoff) devient facultative. Les équipes peuvent dupliquer des calques de code pour explorer plusieurs directions simultanément, extraire des frames de design en calques modifiables et conserver les éléments interactifs dans le même fichier où les décisions de design ont été prises.

Parallèlement à Code Layers, Figma a lancé un constructeur de plugins IA en langage naturel qui permet aux utilisateurs de décrire la fonctionnalité souhaitée et de recevoir un plugin fonctionnel sans écrire de JavaScript. Le système prend en charge des Skills réutilisables — des workflows packagés que l'assistant IA peut exécuter à la demande. L'assistant se connecte à Notion, Slack, GitHub, Atlassian, Granola et Excel pour un contexte plus riche. L'agent est disponible aujourd'hui pour tous les utilisateurs ; l'accès à FigJam et Slides est sur liste d'attente.

Le troisième lancement majeur est Figma Motion, un système d'animation natif basé sur timeline et keyframes immédiatement disponible. Le mode Dev prend en charge les exportations en CSS, JSON, React, MP4, WebM, SVG animé et GIF, ainsi que la compatibilité MCP. Des remplissages de shader générés par IA et des transformations 3D sont inclus. Auparavant, le travail d'animation nécessitait des outils externes comme After Effects ou Rive.

La réponse de Figma aux outils de design natifs IA à Config 2026 est de faire du canvas l'endroit où le code de production atterrit. Code Layers est maintenant sur liste d'attente avec un déploiement commençant en juillet 2026. Figma Motion est disponible aujourd'hui. Aucun changement de prix n'a été annoncé.