Sommaire :
Nouveau Design System : Les 5 Innovations Pratiques Dévoilées par Figma
Le 28 octobre 2025, Figma a présenté des nouveautés fascinantes lors de son événement annuel, Schema by Figma. Au cœur des discussions figuraient des améliorations significatives concernant les design systems, crucial pour assurer la cohérence visuelle et technique des produits. Cela a inclus des fonctionnalités qui non seulement améliorent l’expérience utilisateur mais facilitent également le travail des designers et développeurs. Voici les cinq innovations notables qui ont été dévoilées.
Des Collections Élargies pour une Cohérence Accrue
L’une des annonces les plus marquantes est l’élargissement des collections au sein de Figma. Auparavant, l’outil ne permettait de gérer qu’un seul design system, créant souvent des difficultés pour les entreprises ayant plusieurs marques ou produits. Désormais, à partir de novembre 2025, les designers auront la possibilité de produire des extensions de leur design system existant. Les utilisateurs pourront donc créer des collections distinctes tout en restant connectés au design system principal.
Cette approche de collection élargie offre plusieurs avantages:
- Facilitation de la personnalisation : Les designers pourront enrichir leur design system avec des thèmes personnalisés adaptés à leurs besoins spécifiques.
- Mises à jour automatiques : Les extensions de design système recevront des mises à jour en temps réel, maintenant ainsi une cohérence avec le design system principal tout en intégrant les ajustements individuels.
- Collaboration entre équipes : Des équipes différentes peuvent partager et enrichir le même design system sans créer de duplicatas.
Ces innovations visent à alléger la charge de travail des designers tout en maintenant une identité de marque forte et cohérente. Elles s’inscrivent dans une tendance plus large où les entreprises recherchent une harmonisation visuelle sans sacrifier la personnalisation.
Le Serveur MCP : Une Nouvelle Dimension d’Intégration avec l’IA
Une autre avancée spectaculaire est le lancement du MCP Server (Machine Contextual Processing) désormais disponible en version finale. Cette technologie permet à de nombreux outils d’IA de comprendre le contexte d’un design directement depuis Figma. Ce système a pour but d’aider les développeurs à générer du code qui respecte fidèlement l’intention de design.
Les bénéfices du serveur MCP sont nombreux :
- Contextualisation des designs : L’IA peut maintenant interpréter les composants, variables et styles utilisés dans les maquettes pour générer un code adapté.
- Flexibilité accrue : Avec la possibilité d’ajouter des règles personnalisées, chaque entreprise peut s’assurer que le code généré respecte son design system spécifique.
- Intégration avec FigJam : Cette version finale rend également le serveur compatible avec FigJam, l’espace de collaboration de Figma.
Cette avancée pourrait transformer la manière dont les designers et développeurs collaborent, en simplifiant la transition du design vers le code. Cela constitue un pas en avant vers une intégration plus harmonieuse entre le monde du design et celui du développement logiciel.
Make Kits : Importer ses Bibliothèques Figma dans Make
Lors de l’événement Config 2025, Figma a présenté Figma Make, un générateur de code d’IA destiné au prototypage d’applications. Une extension excitante de cet outil est l’introduction des Make kits. Cette fonctionnalité permet aux utilisateurs d’importer directement leurs bibliothèques de design depuis Figma.
Les Make kits proposent plusieurs avantages clés :
- Automatisation du prototypage : Les utilisateurs peuvent générer automatiquement des composants en React et des fichiers CSS à partir de leurs styles et variables, assurant ainsi plus de cohérence.
- Accès anticipé : Actuellement, cette fonctionnalité est disponible en accès anticipé pour les abonnés, permettant une adaptation rapide et la collecte de feedback.
- Économie de temps : En utilisant des prototypes plus proches du rendu final, cela réduit significativement le temps de développement et améliore l’efficacité.
Avec cette nouvelle option d’importation, Figma se positionne comme un leader dans l’univers du design en intégrant des solutions automatisées qui simplifient le processus de conception.
Importation de Packages NPM dans Make
Une autre amélioration notoire concerne l’importation de packages NPM déjà existants dans Figma Make. Cela permettra aux équipes qui possèdent déjà un système de design établi dans leur base de code d’importer directement leurs composants React.
Cette fonctionnalité apportera divers bénéfices :
- Interopérabilité : Les utilisateurs pourront intégrer leurs composants internes ou issus de bibliothèques open source facilement.
- Accès aux packages publics : Les packages NPM publics seront disponibles pour tous, élargissant ainsi l’éventail d’outils et de composants utilisables.
- Réservé aux abonnés : Les packages privés ne seront accessibles qu’aux utilisateurs disposant d’un abonnement, créant ainsi un modèle d’affaires viable pour Figma.
Avec cette avancée, Figma démontre sa capacité à s’intégrer dans l’écosystème des développeurs et des designers, facilitant ainsi une collaboration fluide.
Code Connect UI : Simplification du Lien entre Design et Code
En 2024, Figma avait lancé le Code Connect, un outil pour rapprocher le design et le développement. La mise à jour récente de cet outil, baptisée Code Connect UI simplifie la configuration, permettant aux utilisateurs de connecter directement leur compte Figma à des dépôts GitHub sans avoir à écrire une seule ligne de code.
Les principales améliorations apportées par Code Connect UI sont :
- Facilité d’utilisation : Les utilisateurs ne devront plus se débattre avec une courbe d’apprentissage complexe, rendant la plateforme accessible à tous.
- Système de suggestions alimenté par l’IA : Cette fonctionnalité permet d’identifier et de relier automatiquement les fichiers de code associés aux composants Figma, optimisant ainsi la productivité.
- Accessibilité : Le déploiement est prévu pour les clients des offres Organization et Enterprise, garantissant une expérience adaptée aux diverses tailles d’entreprise.
Ces nouvelles options témoignent de l’engagement de Figma à rendre la collaboration entre designers et développeurs non seulement possible mais également intuitive et efficace.
Vers un Avenir Éclairé dans le Design Digital
En intégrant toutes ces innovations, Figma s’impose comme un acteur incontournable dans le domaine des design systems. Les nouvelles fonctionnalités dévoilées ne laissent aucune place au doute : nous sommes à l’aube d’une nouvelle ère où l’intelligence artificielle et la collaboration entre équipes redéfinissent le paysage du design.
De l’élargissement des collections à l’intégration transparente avec des outils de développement, Figma montre qu’elle comprend l’importance de la cohérence visuelle et technique. Ces améliorations permettront aux entreprises de gagner en efficacité, tout en se concentrant sur la créativité.
Les utilisateurs de Figma – qu’ils soient designers, développeurs, ou chefs de produit – peuvent s’attendre à ce que ces innovations ouvrent des avenues passionnantes pour le futur du design digital. Alors que l’IA continue de jouer un rôle croissant dans le secteur, il est indéniable que Figma reste à l’avant-garde en matière de solutions pratiques et innovantes pour le design.
Bonjour, je m’appelle Manu Dibango et j’ai 37 ans. Cadre supérieur dans l’administration, je suis passionné par la gestion et l’organisation. Bienvenue sur Camernews où je partage ma veille sur les nouvelles technologies et l’innovation.