Aller au contenu

Selectionner la langue

Langue actuelle: Français

Design Systems

Source: https://github.com/alexpate/awesome-design-systems at 4129da3ce4bc
License: Unlicense
Read the English original

This edition is an AI-assisted translation.

couverture

Contributions bienvenues

Vous connaissez une ressource qui ne figure pas ci-dessous ? N’hésitez pas à créer une nouvelle demande de fusion.

Un système de conception est un ensemble de documentation sur les principes et les bonnes pratiques, qui aide une équipe à concevoir des produits numériques. Il prend souvent la forme de bibliothèques d’interface utilisateur et de motifs, mais peut aussi inclure des guides sur d’autres sujets, comme le « ton et la voix ».


  • Composants : Contient des motifs codés et des exemples.
  • Voix et ton : Explique comment utiliser le langage.
  • Kit de conception : Comprend un fichier Sketch/Photoshop/Figma/etc. pour les designers.
  • Code source : Code source consultable publiquement

ComposantsVoix et tonKit de conceptionCode source *
Aalto University👍👍👍
Adobe Spectrum👍👍👍:octocat:
Adjust Atlas👍👍👍
Alaska Airlines👍👍👍:octocat:
Alibaba Ant Design👍👍👍:octocat:
Amplify UI👍👍👍:octocat:
Appear Here Styleguide👍:octocat:
Apple Developer Design Guidelines👍
Aragon UI👍:octocat:
Artsy Palette👍:octocat:
Astro UXDS👍👍:octocat:
AT UIKIT👍:octocat:
Atlassian Design System👍👍👍:space_invader:
Audi UI Kit👍👍:octocat:
Aurora (Government of Canada)👍👍👍:octocat:
AutoGuru Overdrive👍:octocat:
AWS Cloudscape Design System👍👍👍:octocat:
Backpack (Skyscanner)👍👍👍:octocat:
Basis Design System👍:octocat:
BBC GEL (Global Experience Language)👍👍👍
Bento DS👍👍:octocat:
BLiP👍:octocat:
Blueprint👍👍:octocat:
Bold (Bridge Design System)👍👍:octocat:
Bolt Design System👍:octocat:
Braid Design System👍:octocat:
British Gas Nucleus👍👍
Buildit Gravity👍:octocat:
Bumbag UI👍:octocat:
BuzzFeed Solid👍👍:octocat:
Buzzvil Design System👍👍
CA Technologies Mineral UI👍:octocat:
CBRE Blocks👍👍
Cedar👍👍:octocat:
Chakra UI👍:octocat:
City of Boston Fleet👍👍:octocat:
Cloudflare👍:octocat:
Co-op Experience Library👍👍👍:octocat:
Contentful Forma 36👍👍👍:octocat:
Decathlon Design System - Vitamin👍👍:octocat:
Decentraland UI👍:octocat:
Duet👍👍
Duolingo👍
eBay Skin👍:octocat:
Elastic UI Framework👍👍👍:octocat:
ENGIE Fluid Design System👍👍
Enel👍
Enigma Boundless👍:octocat:
Estonia Country Design Guidelines👍👍👍
Evergreen👍:octocat:
Financial Times Origami👍:octocat:
Finland Toolbox👍👍
Firefox Photon Design System👍👍👍:octocat:
Flowbite Design System👍👍:octocat:
Fluent UI👍👍👍:octocat:
Foundation👍👍👍:octocat:
Foyer Design System👍👍:closed_lock_with_key:
French Government Design System👍👍👍:octocat:
FutureLearn Pattern Library👍
GitHub Primer👍👍:octocat:
GitLab Design System - Pajamas👍👍👍:fox_face:
GoodBarber Design System👍
Google Material Design👍👍👍:octocat:
GOV.UK Design System👍:octocat:
Gympass Yoga👍👍:octocat:
HashiCorp Helios👍👍👍:octocat:
Help Scout👍👍:octocat:
Heroku Purple3👍
Hewlett Packard grommet👍:octocat:
HubSpot Canvas👍👍:octocat:
Hudl Design System👍👍
IBM Carbon👍👍👍:octocat:
IBM Design Language👍👍
IBM Northstar👍👍
Intuit Harmony👍👍👍
Italia Design System👍👍👍:octocat:
JB Design System👍👍:octocat:
JetBrains Ring UI👍:octocat:
Jobber (🔱 Atlantis)👍:octocat:
Just Eat Takeaway.com PIE Design System👍👍:octocat:
Kaizen👍👍:octocat:
KoliBri (Public-UI)👍:octocat:
Kontur👍👍:octocat:
Korea Design System👍👍👍:octocat:
Lexicon👍👍
Louder Than Ten Manual👍👍
Mail.ru Group Paradigm👍👍👍
Mailchimp Content Styleguide👍
Mantine👍:octocat:
Marvel Styleguide👍
Material Minimal👍👍👍:octocat:
Materialize CSS👍👍:octocat:
Mesh Design System👍👍
Microsoft Fluent👍👍:octocat:
Mixpanel Design System👍👍
MongoDB Design System👍👍:octocat:
Monzo Tone of Voice👍
Morningstar Design System👍👍👍
Mozilla Protocol👍:octocat:
NASA Web Design System👍:octocat:
NationBuilder Radius👍
NHS.UK Service Manual👍👍
Nordhealth👍👍
New York State Design System👍👍:octocat:
Nordnet👍👍
Okta Odyssey Design System👍👍:octocat:
Ontario Design System👍👍:globe_with_meridians:
Oracle Redwood👍👍
Persona Design System👍👍:octocat:
Pharos: JSTOR’s Design System👍👍:octocat:
Pinterest Gestalt👍:octocat:
Pivotal👍:octocat:
Pluralsight Design System👍:octocat:
Porsche Design System👍👍:octocat:
Priceline Design System👍👍:octocat:
Pusher Chameleon👍:octocat:
Radix👍:octocat:
Rambler👍:octocat:
Rendition👍:octocat:
Reshaped👍👍
Salesforce Lightning Design System👍👍👍:octocat:
Sage by Kajabi👍:octocat:
SAP Fiori👍
SAP Fundamental👍:octocat:
SAP OpenUI👍:octocat:
Scania Digital Design System👍👍:octocat:
Seeds👍👍👍
SEEK Style Guide👍:octocat:
Semi Design👍👍:octocat:
Semrush Intergalactic Design System👍👍:octocat:
Shoelace👍👍:octocat:
Shopify Polaris👍👍👍:octocat:
Shadcn/ui👍:octocat:
Siemens iX👍👍👍:octocat:
Singapore Government Design System👍👍👍:octocat:
Stacks – Stack Overflow👍👍:octocat:
Starbucks Style Guide👍👍
Strapi Design System👍:octocat:
Teambition Clarity Design👍
Telefónica Mística👍👍:octocat:
Thumbprint👍:octocat:
Tizen CircularUI👍👍:octocat:
Twilio Paste👍👍👍:octocat:
Uber’s Base Web👍:octocat:
Ubuntu Vanilla framework👍👍👍:octocat:
Uiverse👍👍👍:octocat:
Untitled UI👍👍:octocat:
uSwitch style guide👍👍:octocat:
U.S. Web Design Standards👍👍👍:octocat:
U.S. CMS.gov Design System👍
Vibe👍👍:octocat:
Vimeo Design System👍:octocat:
VMware Clarity Design System👍👍👍:octocat:
VTEX Styleguide👍👍:octocat:
Vue Design System👍:octocat:
Ray by WeWork👍:octocat:
Welcome UI👍:octocat:
West Midlands Network Design System👍👍:octocat:
Wix Style React👍
Vercel👍
Workday Canvas👍👍:octocat:
Yelp Styleguide👍👍
Zendesk Garden👍:octocat:

*Les projets indiqués comme libres ne sont pas toujours libres d’utilisation. Vérifiez toujours leur licence avant de les utiliser.

Bien que les « systèmes de conception », les « bibliothèques d’interface utilisateur » et les « bibliothèques de motifs » soient des notions différentes, elles sont souvent utilisées de manière interchangeable. Cette liste comprend les trois.

Icône de couverture : « Solar System » par Andrejs Kirma, du Noun Project

HagiCode

HagiCode est un espace de développement agentique. Des interactions d’interface riches et pratiques rendent la planification, l’exécution des agents et le travail sur les projets accessibles et faciles à suivre, pour une expérience de développement engageante.

Une expérience de développement engageante grâce à des interactions d’interface riches et pratiques.

Visiter HagiCodeLire la documentation
  • IntelligentLes workflows OpenSpec transforment une intention en parcours exécutable, de la proposition à la livraison en passant par la conception et les tâches.
  • EfficaceL’exécution multi-agent fait avancer recherche, réalisation et revue en parallèle, sur plusieurs dépôts et avec les Agent CLI que vous utilisez déjà.
  • IntéressantDes interactions d’interface riches et pratiques rendent la planification, l’exécution des agents et le travail sur les projets accessibles et faciles à suivre.

Télécharger pour Windows

Obtenir sur le Microsoft StoreTous les téléchargements

Transformez vos idées en logiciels livrés.

HagiCode est un espace de développement agentique : les workflows OpenSpec planifient le changement, l’exécution multi-agent le réalise et Hero Scenario rend le long parcours visible, pour transformer vos idées en logiciels livrés.

Intelligent
Les workflows OpenSpec transforment une intention en parcours, de la proposition à la livraison.
Efficace
L’exécution multi-agent mène recherche, réalisation et revue en parallèle.
Ludique
Les interactions d’interface facilitent la planification, l’exécution des agents et les projets.

Quitter Awesome Site ?

Vous allez visiter un site externe. Nous ne contrôlons ni son contenu ni ses pratiques de confidentialité.

Site de destination

Continuer vers le site