Mockups · Design systems
Fluent 2
Design system de Microsoft : principes, composants et kits de design pour interfaces multiplateformes.
Fluent 2 est le système de design de Microsoft. Le site en rassemble la documentation et les ressources pour les équipes qui conçoivent des interfaces.
On y trouve des kits d’interface pour Figma, des guides d’installation et d’outils, ainsi que des composants pour le web, pour iOS, pour Android et pour Windows. Le site publie aussi des actualités du système, par exemple sur Teams, Outlook ou les emojis, et propose des extensions Figma qui vérifient le contraste des couleurs, annotent l’ordre de focus ou mettent des icônes à l’échelle.
Un·e graphiste ou un·e designer d’interface s’y reporte pour concevoir des applications cohérentes sur plusieurs plateformes, ou pour étudier la façon dont un grand éditeur logiciel documente ses composants, ses principes et ses règles d’accessibilité.
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.