Design systems de référence

Apple Human Interface Guidelines

developer.apple.com ↗ (site externe, nouvelle fenêtre)

Lignes directrices officielles d’Apple pour concevoir des interfaces cohérentes sur toutes ses plateformes.

• Gratuit

Carbon Design System

carbondesignsystem.com ↗ (site externe, nouvelle fenêtre)

Design system open source d’IBM, avec composants, principes, kits Figma et ressources de code.

• Gratuit

Material Design

material.io ↗ (site externe, nouvelle fenêtre)

Design system de Google, avec principes, composants, guides de mise en forme et kits de conception.

• Gratuit

Adobe Spectrum

spectrum.adobe.com ↗ (site externe, nouvelle fenêtre)

Langage de design d’Adobe : composants, tokens et recommandations pour des interfaces cohérentes.

• Gratuit

Ant Design

ant.design ↗ (site externe, nouvelle fenêtre)

Design system d’entreprise très répandu, avec composants, principes de conception et kits de maquettes.

• Gratuit

Asphalt

asphalt.gojek.io ↗ (site externe, nouvelle fenêtre)

Langage de design de Gojek : principes et composants pour créer des expériences cohérentes.

• Gratuit

Atlassian Design

atlassian.design ↗ (site externe, nouvelle fenêtre)

Design system d’Atlassian, avec principes, composants, jetons de design et ressources de contenu.

• Gratuit

Base Web

baseweb.design ↗ (site externe, nouvelle fenêtre)

Système de design d’Uber : composants React, thèmes personnalisables et consignes d’usage.

• Gratuit

Design Principles

principles.design ↗ (site externe, nouvelle fenêtre)

Bibliothèque gratuite de principes de design tirés d’exemples réels, issus d’organisations et de designers.

• Gratuit

Design Systems Repo

designsystemsrepo.com ↗ (site externe, nouvelle fenêtre)

Annuaire de design systems publics, avec des liens vers leur documentation et leurs ressources.

• Gratuit

Design Systems Surf

designsystems.surf ↗ (site externe, nouvelle fenêtre)

Base de données et galerie de design systems, à comparer par marque et par composant.

• Gratuit

Done Design System

uilibrary.github.io ↗ (site externe, nouvelle fenêtre)

Design system open source avec guides et composants d’interface.

• Gratuit

E*TRADE Design System

etrade.design ↗ (site externe, nouvelle fenêtre)

Langage de design de E*TRADE, plateforme de courtage en ligne, avec ses principes d’interface.

• Gratuit

Elastic UI

eui.elastic.co ↗ (site externe, nouvelle fenêtre)

Design system d’Elastic : composants d’interface, principes et documentation pour applications de données.

• Gratuit

Fluent 2

fluent2.microsoft.design ↗ (site externe, nouvelle fenêtre)

Design system de Microsoft : principes, composants et kits de design pour interfaces multiplateformes.

• Gratuit

Fundamental Library

sap.github.io ↗ (site externe, nouvelle fenêtre)

Bibliothèque de styles open source de SAP pour construire des interfaces cohérentes.

• Gratuit

Infor Design

design.infor.com ↗ (site externe, nouvelle fenêtre)

Design system d’Infor : principes et ressources pour concevoir des interfaces cohérentes.

• Gratuit

Lightning Design System

lightningdesignsystem.com ↗ (site externe, nouvelle fenêtre)

Design system de Salesforce, avec composants, jetons de design et lignes directrices détaillées.

• Gratuit

LINE Design System

designsystem.line.me ↗ (site externe, nouvelle fenêtre)

Design system de LINE : composants, interactions et règles d’interface de l’application de messagerie.

• Gratuit

Mozilla Protocol

protocol.mozilla.org ↗ (site externe, nouvelle fenêtre)

Design system de Mozilla et Firefox pour leurs sites web : composants et principes.

• Gratuit

Nord Design System

nordhealth.design ↗ (site externe, nouvelle fenêtre)

Design system de Nordhealth : composants et principes pour des interfaces de santé.

• Gratuit

Once UI

once-ui.com ↗ (site externe, nouvelle fenêtre)

Design system open source pour React et Next.js, avec composants, jetons de design et règles pour agents de code.

• Gratuit

Pando Design System

pando.zeroheight.com ↗ (site externe, nouvelle fenêtre)

Design system de Pluralsight, nommé Pando, documenté en ligne avec ses composants et ses principes.

• Gratuit

PatternFly

patternfly.org ↗ (site externe, nouvelle fenêtre)

Design system open source de Red Hat avec composants, directives et modèles d’interface.

• Gratuit

Polaris

shopify.dev ↗ (site externe, nouvelle fenêtre)

Design system de Shopify : principes, composants et ressources pour concevoir des interfaces marchandes.

• Gratuit

Pr1mer Guidelines

guidelines.pr1mer.tech ↗ (site externe, nouvelle fenêtre)

Recommandations de conception pour le web : navigation, couleur, typographie, mise en page et anatomie d’une page.

• Gratuit

Primer

primer.style ↗ (site externe, nouvelle fenêtre)

Système de design de GitHub : composants, principes et ressources Figma pour concevoir des interfaces web.

• Gratuit

Supernova

supernova.io ↗ (site externe, nouvelle fenêtre)

Plateforme de design system qui centralise tokens, composants et documentation entre Figma et le code.

Vibe Design System

vibe.monday.com ↗ (site externe, nouvelle fenêtre)

Design system de monday.com : composants, principes et ressources pour construire ses interfaces.

• Gratuit

VTEX Styleguide

styleguide.vtex.com ↗ (site externe, nouvelle fenêtre)

Design system de VTEX : motifs, composants et ressources pour concevoir ses produits.

• Gratuit

Zeroheight

zeroheight.com ↗ (site externe, nouvelle fenêtre)

Plateforme de documentation de design system reliée à Figma, Storybook et GitHub.