Mockups · Design systems
Once UI
Design system open source pour React et Next.js, avec composants, jetons de design et règles pour agents de code.
Once UI est un design system open source pour React et Next.js. Le site le présente comme un système conçu pour les agents de code : des composants, des jetons de design et des règles que ces agents suivent, afin que chaque écran reste fidèle à la marque.
Le projet est un produit de Dopler. Il met à disposition plusieurs offres, dont Once UI Core, Once UI Blocks et un outil nommé Stack, présenté comme nouveau, qui sert à composer une application complète : un produit SaaS, une boutique en ligne, une application d’intelligence artificielle ou une page de créateur. La page d’accueil propose de faire varier le style de l’ensemble, avec des variantes de couleurs, de bordures, de contrastes et de polices, sans modifier le code.
Un·e graphiste ou un·e designer qui code ses propres sites y trouve une base de composants soignée, à condition de travailler avec React et Next.js.
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.