Config 2026 : nouveaux matériaux, nouveaux outils et un plan de travail repoussant les limites
Repoussez les limites de ce que vous pensiez possible avec des calques de code, Figma Motion, des nuanciers, des plugins génératifs et des outils Weave, le tout sur le plan de travail.
Partager Config 2026 : nouveaux matériaux, nouveaux outils et un plan de travail repoussant les limites
Le design consiste à poser des questions difficiles. En ce moment, ces questions semblent plus importantes que jamais. Qu'est-ce qui change ? Qu'est-ce qui est possible ? Et que signifie même créer ? Chez Figma, nous en revenons toujours à un postulat simple : aucun outil ne devrait entraver l'exploration d'une idée, aussi loin que possible.
Les annonces de Config cette année concernent l'enrichissement du plan de travail pour une expression illimitée. Nous prenons en charge de nouveaux matériaux pour accompagner votre imagination sans limites et nous lançons de nouveaux outils pour modeler et pousser ces matériaux plus loin que jamais : code, mouvement, nuanciers, plugins génératifs et outils Weave, le tout sur le plan de travail de Figma.
Lors des Configs passés, nous avons parlé du rôle de l'IA mettant la création à portée de chacun et étendant l'horizon des possibles. Mais si l'IA a bien mis la création à portée de chacun, elle n'a pas encore permis de repousser les limites.
Designers, créatifs, développeurs : Vous allez crever le plafond.
Dans les mois et les années à venir, je suis convaincu qu'il y aura une explosion de créativité, de prise de risque et d'expression audacieuse. Notre objectif chez Figma est de vous aider à concevoir de manière totalement illimitée avec des matériaux et outils qui fonctionnent ensemble et vous permettent d'improviser et de jouer à la vitesse de votre pensée. Le plan de travail est plus qu'un simple espace où se trouve votre travail. C'est aussi là où tout se connecte.
Voici toutes les annonces de Config 2026 :
Du code sur le plan de travail
Pendant des années, l'industrie du design a opposé code et design, et les outils (y compris Figma !) ont imposé de choisir entre les deux. Mais c'est là un faux débat. Le design est un processus. Le code est un matériau, tout comme les images, les vecteurs et les calques de design. Pendant longtemps, le code a vécu dans des environnements de travail individuels conçus pour une réflexion linéaire. Autrement dit : le matériau était séparé du processus. Nous sommes convaincus que le code doit être traité comme n'importe quel matériau de design. C'est pourquoi nous lançons les calques de code dans Figma.
Sur le plan de travail, vous pouvez transformer n'importe quel calque de design en un calque de code interactif en un seul clic (ou un prompt). Vous pouvez rapidement dupliquer un calque de code pour explorer plusieurs directions côte à côte, comme vous le feriez avec un frame.
À partir de là, le fonctionnement est identique à celui d'un plan de travail : vous pouvez improviser, commenter et itérer avec tous les membres de votre équipe dans le même fichier.
Si vous souhaitez revenir du code aux calques de design, vous pouvez extraire des frames de design en calques de design modifiables. Ensuite, lorsque vous êtes prêt à revenir, un clic suffit à mettre à jour le calque de code avec ce qui a changé.
Rejoignez la liste d'attente sur figma.com/config-betas pour un accès anticipé lorsque les calques de code seront disponibles à partir de juillet.
Donnez vie à vos designs avec Figma Motion
Les designers de mouvement donnent vie aux choses d'une manière qui est difficile à expliquer, sans parler de la reproduire. Beaucoup d'entre nous ont aspiré à produire ce même genre de magie, mais cela semblait hors de portée. Et cela signifiait souvent passer à d'autres outils. Vous pouvez désormais créer du mouvement directement dans Figma.
Dans Figma Design, nous avons ajouté une chronologie, avec des keyframes, des préréglages et bien plus encore. Vous pouvez construire le mouvement à partir de zéro, l'ajouter aux designs existants ou demander à l'agent Figma de générer un point de départ. J'espère que vous trouverez Figma Motion puissant, intuitif et agréable à utiliser. Si vous êtes déjà un designer de mouvement, Figma élimine le travail répétitif, vous permettant ainsi de vous concentrer davantage sur les tâches créatives.
Le mouvement étant intégré à la plateforme de Figma, il peut désormais être un élément fondamental de vos design systems. Vous pouvez animer un composant une fois, et ce mouvement se répercute sur chaque écran et chaque fichier de collaborateur, de la même manière que le remplissage et la typographie.
Enfin, Figma Motion est également conçu pour fonctionner dans le code. Lorsque vous passez en Dev Mode, la chronologie complète est visible et vous pouvez l'inspecter : chaque valeur de temps, chaque courbe de transition, chaque keyframe est lisible sans interprétation. Vous pouvez copier le code d'animation directement en CSS, JSON ou dans un format prêt pour React. Motion est également compatible MCP, vous pouvez donc transmettre n'importe quel frame animé directement à un agent de codage pour la mise en œuvre. Vous pouvez également exporter en MP4, WebM, SVG animé ou GIF, et nous travaillons déjà à fournir plus de formats et de types d'exportation.
Remplissages et effets de nuancier
Les nuanciers ont toujours existé dans Figma, soutenant le rendu du plan de travail en arrière-plan. Mais créer des nuanciers peut sembler complexe, et il est difficile de les partager avec votre équipe.
Vous pouvez désormais décrire ce que vous voulez ou utiliser une image comme référence, et l'agent Figma le construira pour vous. Un effet transforme ce qui est déjà dans le calque, et un remplissage agit comme un nouveau matériau. Tout cela étant construit avec l'agent Figma, les remplissages et effets de nuancier sont paramétrés par défaut. Cela vous permet d'ajouter directement des contrôles sur le plan de travail et de les façonner comme vous le souhaitez.
Le résultat semble et se comporte comme s'il avait toujours fait partie de Figma. Les paramètres apparaissent comme des contrôles, empilables avec d'autres effets, et prêts pour une conversion fluide en code et formats couramment utilisés.
Les nuanciers interactifs seront bientôt disponibles, nous travaillons encore sur l'optimisation des performances.
Plugins génératifs
Nous voyons de plus en plus d'équipes construire leurs propres outils, et nous pensons que c'est génial ! Chaque designer a des workflows uniques. Les plugins génératifs rendent possible la création de tous les outils que vous souhaitez. Pour créer un plugin génératif, décrivez simplement l'outil dont vous avez besoin : le comportement, les contrôles et les paramètres. Aucun environnement de développement local ou connaissance de l'API des plugins n'est requis. Tout semble natif sur le plan de travail comme n'importe quel autre outil Figma.
Pour les plugins génératifs et les nuanciers, vous pouvez créer quelque chose pour vous-même et le partager avec n'importe qui dans votre fichier. Bientôt, vous pourrez publier des outils pour votre équipe, votre organisation ou la communauté au sens large.
Outils Figma Weave
Les outils Figma Weave appliquent la même approche au contenu visuel, vous permettant de créer et de réutiliser des workflows expressifs. Et ils sont maintenant disponibles sur le plan de travail Figma.
Quelques précisions : Weave est un plan de travail basé sur des nœuds où vous créez des workflows génératifs. Vous pouvez connecter des modèles, transformer des ressources, affiner des sorties et comparer des approches. Au lieu de prompter pour un résultat unique, vous travaillez avec des sorties de modèles semblables à de l'argile pour sculpter un workflow multi-modèles qui vous permet de transformer ce que vous avez en tête en un processus visible que vous pourrez inspecter, itérer et réutiliser.
Aujourd'hui, vous pouvez créer des workflows dans Weave et les publier comme modèles pour que d'autres puissent les utiliser ou les remixer. Bientôt, vous pourrez les publier comme outils pour votre équipe, votre organisation ou votre communauté. Nous avons ajouté de nombreux outils Weave pour vous aider à démarrer et vous inspirer.
Un agent qui sait comment vous travaillez
L'agent Figma (disponible pour tous depuis hier !) est conçu pour comprendre le plan de travail du design.
Les compétences regroupent vos workflows et conventions en instructions réutilisables pour l'agent. Vous pouvez créer les vôtres, utiliser les compétences de votre équipe ou puiser dans la communauté. Les connecteurs permettent à l'agent d'accéder aux outils déjà présents dans votre pile, par exemple, Notion, Slack, Granola, Hex, GitHub, Atlassian et plus encore, puis d'envoyer les mises à jour en retour. Les pièces jointes peuvent inclure des recherches, des briefs ou tout artefact pertinent.
Les discussions de l'agent sont maintenant visibles par défaut pour les membres de votre équipe, vous pouvez donc voir quelles directions les autres explorent et vous baser sur leur réflexion. Bien sûr, vous pouvez aussi rendre les discussions privées si nécessaire.
L'agent arrive également sur plus de supports, comme FigJam et Slides. Rejoignez la liste d'attente pour un accès anticipé sur figma.com/config-betas.
Avec plus de possibilités que jamais sur le plan de travail Figma, nous avons hâte de voir comment vous allez repousser les limites. Commencez dès maintenant à créer quelque chose que seul vous pouvez concevoir.
Visitez notre centre d'aide pour voir un récapitulatif de ce que nous avons lancé, sa disponibilité et comment commencer. Trouvez des réponses et de l'inspiration sur tout ce qui concerne Figma sur Figma Learn.
