Qu'est-ce qu'un Design System ?

Le Design System est un procédé utilisé dans les projets de webdesign, qui va regrouper l'ensemble des éléments graphiques, visuels, ou règles liés à ce projet. C'est une sorte de "kit UI" qui reprend certains éléments de la charte graphique, en y ajoutant tous les composants liés à l'interface web tels que :

  • Les boutons et leurs différents états : inactif, survolé, cliqué, actif, etc. 
  • Les tableaux et onglets
  • Les éléments de navigation tels que la navbar et le footer
  • Les listes
  • Les formulaires
  • Les composants
  • Les layouts
  • L'iconographie
  • Les illustrations sous tous leurs formats
  • etc.

Le design system est dynamique, car amené à évoluer tout au long du projet. Il est primordial pour collaborer avec d'autres designers et également pour les développeurs web lorsqu'ils reprendront la maquette du projet

Découvrez plus de contenus gratuit !

icone webflowmade-in-webflow-svg