Naviguer jusqu'au contenu principal

Figma pour les design systems

Un design system pour tous

Créez des ressources et bibliothèques partagées accessibles par tous les membres de l'équipe. Avec Figma, l'adoption du design system se fait de manière cohérente et efficace.

Curseur, formes, lettres et zones de délimitation superposés sur une grille au sein d'un design systemCurseur, formes, lettres et zones de délimitation superposés sur une grille au sein d'un design system

Ces entreprises font confiance à Figma

logo Pumalogo patagonialogo Stripelogo The New York Timeslogo Netflixlogo Spotify

Des design systems qui évoluent

Collaborez ensemble sur des ressources réutilisables pour créer un design system offrant cohérence et innovation entre les équipes et les produits.

Une bibliothèque d'icônes, de couleurs, de styles de caractères et d'intercalairesUne bibliothèque d'icônes, de couleurs, de styles de caractères et d'intercalaires

Créez une structure permettant des innovations plus rapides

Uniformisez les styles, les variables et les composants afin que, de la couleur au remplissage, tout s'adapte avec fluidité à vos produits et à vos marques.

Partagez des bibliothèques pour plus de cohérence

Publiez des ressources de design dans des bibliothèques d'équipe afin que les derniers éléments de design approuvés soient toujours accessibles par glisser-déposer.

Adaptez vos design systems au fur et à mesure que votre produit se développe.

De puissantes fonctionnalités de design system, telles que les modes de variables, vous aident à vous développer via des cas d'utilisation, des thèmes, etc.

Explorez les fonctionnalités de design system

Optimisez le processus de développement de vos produits avec un design system cohérent en matière de design et de code.

Vue en mode clair et en mode sombre d'illustrations de produit d'applications pour l'exportationVue en mode clair et en mode sombre d'illustrations de produit d'applications pour l'exportation

Mettez en œuvre des jetons de design

Utilisez des variables et des modes pour intégrer des jetons de design à votre design system. Utilisez des jetons de couleurs pour basculer entre les modes clair et sombre, ou des jetons de typographie pour changer de police d'une marque à l'autre, et plus encore.

Démarrer avec les variables

Un curseur effectue une sélection dans le menu de variables personnalisées d'un boutonUn curseur effectue une sélection dans le menu de variables personnalisées d'un bouton

Reliez les composants au code

Utilisez les propriétés des composants pour les rendre plus personnalisables et les faire correspondre aux propriétés React.

Explorer les propriétés des composants

Vue Inspecter du code APIVue Inspecter du code API

Synchronisez les design systems

Utilisez l'API Variables REST API de Figma pour créer et gérer des variables en lot, afin de gagner du temps tout en faisant évoluer votre design system.

Afficher la documentation

Graphique affichant les statistiques d'utilisation d'une bibliothèque de composants.Graphique affichant les statistiques d'utilisation d'une bibliothèque de composants.

Suivez les statistiques d'utilisation

Vérifiez l'utilisation des composants et variantes de votre équipe avec les statistiques du design system.

En savoir plus sur les statistiques des composants

C'était le jour et la nuit lorsque nous sommes passés à Figma. Il a été un véritable catalyseur pour la création de notre design system.

James Davis, Responsable designer chez News UK

logo News UK
Lire l'histoire

À propos du design system inter-plateforme de Spotify

Découvrez comment un besoin de cohésion a conduit l'équipe de design system de Spotify à adopter une approche inter-plateforme pour ses composants.

Lire l'article

Logos Salesforce, Spotify, GitHub et Atlassian.Logos Salesforce, Spotify, GitHub et Atlassian.

Explorez les design systems ouverts des grandes marques

Accédez aux design systems ouverts de marques telles que Github, Atlassian, Salesforce, etc.

Rendez-vous sur designsystems.com

Graphique ascendant sur fond lavande.Graphique ascendant sur fond lavande.

5 façons de tirer le meilleur parti des statistiques du design system

Les statistiques du design system offrent aux équipes le contexte dont elles ont besoin pour prendre de meilleures décisions et stimuler l'adoption.

Obtenir le guide

FAQ