Mockups · Design systems
Done Design System
Design system open source avec guides et composants d’interface.
Done Design System est un système de design open source fondé sur Bootstrap 4, conçu et codé par UI Lib. Son code Sass organisé vise à rendre le développement de produits plus simple et plus rapide.
Il propose une bibliothèque de composants d’interface prêts à l’emploi, parmi lesquels des boutons, des éléments de formulaire comme les cases à cocher, les boutons radio, les interrupteurs et les curseurs, des listes de sélection, des onglets et des accordéons. Une page de démonstration présente chaque composant avec ses variantes de couleurs, de tailles et d’états, et une documentation ainsi qu’une page de téléchargement complètent le projet.
Pour un·e graphiste ou un·e intégrateur·rice, il offre une base visuelle cohérente pour monter un site ou une application avec Bootstrap, à personnaliser. Comme il repose sur la quatrième version de Bootstrap, il s’adresse surtout à des projets qui utilisent encore ce cadre.
Dans la même rubrique
-
Adobe Spectrum
spectrum.adobe.com (site externe, nouvelle fenêtre)
Langage de design d’Adobe : composants, tokens et recommandations pour des interfaces cohérentes.
-
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.
-
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.
-
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.
-
Atlassian Design
atlassian.design (site externe, nouvelle fenêtre)
Design system d’Atlassian, avec principes, composants, jetons de design et ressources de contenu.
-
Base Web
baseweb.design (site externe, nouvelle fenêtre)
Système de design d’Uber : composants React, thèmes personnalisables et consignes d’usage.