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.