Nouveaux outils pratiques : Figma présente 5 innovations pour améliorer votre design system

Les tendances en matière de design évoluent à une vitesse fulgurante et il devient de plus en plus crucial pour les designers et les développeurs de disposer d’outils performants qui facilitent la création et la gestion des design systems. Lors de l’événement Schema by Figma, le 28 octobre 2025, l’entreprise a dévoilé cinq innovations marquantes qui répondent à cette nécessité. Les nouvelles fonctionnalités visent à renforcer la cohérence, améliorer la collaboration et faciliter l’intégration entre design et développement. Voici un aperçu approfondi des principales annonces.

Des collections étendues pour une meilleure organisation des design systems

Figma a toujours été un fervent défenseur de la cohérence visuelle à travers ses design systems, et la nouvelle fonctionnalité de collections étendues est la réponse à un besoin crucial. Auparavant, les utilisateurs pouvaient gérer un seul design system, limitant ainsi leur flexibilité. Cette innovation permet maintenant de créer des extensions d’un design system existant, permettant aux entreprises de gérer plusieurs marques ou produits dans un seul endroit.

Les collections permettent de regrouper des variables telles que les couleurs, les polices et les espacements. Grâce à cette extension, les équipes peuvent :

• Désigner des modèles spécifiques pour différents projets.
• Mutualiser les mises à jour des design systems principaux sans craindre de perdre des personnalisations.
• Créer une version simplifiée de leur design system, facilitant ainsi la contribution des designers.

Cette avancée vise à éviter les doublons et à simplifier le processus de gestion des design systems. Les collections étendues reçoivent automatiquement les mises à jour du système principal, ce qui garantit que tous les projets restent à jour. En s’appuyant sur cette nouvelle fonctionnalité, les entreprises augmentent leur productivité tout en maintenant une harmonie visuelle dans tous leurs produits.

En voltaïque, cette innovation montre comment Figma continue d’adapter ses outils aux besoins croissants des designers et comment elle se positionne en tant que leader dans le domaine des design systems. Les utilisateurs peuvent espérer une meilleure efficacité et un gain de temps substantiel avec ces nouveaux outils.

Le serveur MCP : une intégration intelligente de l’IA

Argument marketing ou véritable avancée ? Le lancement du serveur MCP par Figma est un tournant pour la conception assistée par ordinateur. Initialement présenté en version bêta en juillet, il a été officiellement révélé lors de ce même événement. Le MCP Server permet aux outils d’intelligence artificielle de comprendre le contexte d’un design à partir de Figma, rendant le passage du design au code beaucoup plus fluide.

Cette technologie intelligente adopte une approche contextuelle, délivrant un code qui respecte l’intention originale du designer. Ce développement engendre des avantages significatifs pour les équipes de développement, en leur offrant la possibilité de :

• Générer du code de manière précise et fidèle au design.
• Utiliser des règles personnalisées pour s’assurer que le design system adopté par l’entreprise est respecté.
• Travailler de manière plus collaborative grâce à l’intégration avec des outils tels que FigJam.

Cette avancée promet d’alléger la pression sur les développeurs, leur permettant de se concentrer sur la fonctionnalité et l’expérience utilisateur plutôt que sur la transposition manuelle des maquettes. Cela pourrait représenter une véritable révolution dans la façon dont les outils de design interagissent avec la programmation. Mais quelle sera l’ampleur de son impact sur l’écosystème du design en 2025 ? Seule l’adoption par les utilisateurs le dira.

Avec le serveur MCP, Figma ouvre la voie à une meilleure collaboration entre design et développement, rendant chaque phase du projet beaucoup plus efficace.

Figma Make : facilitation du prototypage avec les Make kits

Le prototypage est une étape cruciale dans le processus de design, et Figma ne ménage aucun effort pour faciliter cette tâche. Avec l’introduction de Make kits, les utilisateurs peuvent désormais importer directement leurs bibliothèques de design dans Figma Make, un générateur de code dédié au prototypage d’applications. Cette fonctionnalité permet de créer des prototypes rapidement et efficacement, tout en maintenant un haut niveau de cohérence visuelle.

Les Make kits offrent de nombreux avantages :

• Génération automatique de composants en React.
• Création de fichiers CSS basés sur les styles et les variables des bibliothèques importées.
• Accélération du processus de prototypage et réduction des erreurs.

Cette innovation devient particulièrement utile pour les équipes de développement qui désirent construire des prototypes plus proches du produit final. Actuellement en accès anticipé, cette fonctionnalité sera bientôt accessible à tous les utilisateurs payants, ce qui devrait donner un nouvel élan à la création de prototypes.

En profitant des Make kits, les utilisateurs de Figma se rapprochent d’une expérience de prototypage sans friction, alliant design et développement de manière transparente.

Intégration de packages npm pour une flexibilité accrue

Une autre brillante avancée apportée par Figma est l’importation de packages npm directement dans Make. Cette intégration permet aux équipes de développement de tirer parti des composants React préexistant dans leur base de code, qu’ils soient internes ou issus de bibliothèques open source. Cela rend le flux de travail plus fluide et connecte encore plus le design au développement.

Les avantages de cette fonctionnalité incluent :

• Accès direct à des milliers de composants open source.
• Capacité d’utiliser des composants internes sans les réécrire.
• Flexible pour convenir aux projets différents au sein d’une même organisation.

Cette avancée est particulièrement pertinente pour les équipes travaillant sur des projets complexes où la réutilisation des composants s’avère essentielle. Grâce à l’importation de packages npm, les designers et développeurs peuvent collaborer en toute transparence, renforçant ainsi l’efficacité globale du processus de création.

En intégrant des packages npm, Figma prouve une fois de plus son engagement à répondre aux exigences modernes des équipes de design et de développement.

Code Connect UI : simplification de l’interface entre design et code

Avec l’évolution des outils de collaboration, la nécessité de combler le fossé entre le design et le développement est devenue inévitable. Figma présente l’interface Code Connect UI, une mise à jour de son outil Code Connect, qui facilite la connexion entre Figma et les dépôts GitHub. Ce type d’intégration est essentiel pour garantir que les fichiers de design et de code travaillent main dans la main.

This update allows users to:

• Connecter leur compte Figma directement à GitHub sans aucune nécessité de codage.
• Utiliser un système de suggestions alimenté par l’intelligence artificielle pour associer automatiquement les fichiers de code aux composants dans Figma.
• Simplifier la configuration du workflow entre designers et développeurs.

Le déploiement progressif pour les utilisateurs sur les offres Organization et Enterprise est en cours. Cette interface promet de réduire le temps que les équipes passent à encadrer leurs projets. En rendant la connexion entre design et code plus accessible, elle aide à minimiser les frictions dans le processus de développement.

Le Code Connect UI marque une avancée significative vers une meilleure synergie entre le design et le développement, permettant aux équipes de livrer des produits plus rapidement et plus efficacement.