Un Design System est une bibliothèque de référence pour designer et développer un produit, ainsi qu'un guide ergonomique et graphique indispensable au sein de toute organisation produit structurée.
Un kit Notion avec les Design Systems de top startups
<aside>
💡 🔸 **The Product Crew a collaboré avec PlayPlay, Weezevent, Partoo, CaptainContrat, JobTeaser et Garantme pour publier :
- les kits Figma de leur Design System en libre accès
- leurs tips, challenges et recommandations
c’est juste ici 👇
Design Systems
</aside>
Design System : Guide de création pas-à-pas
Les étapes de création :
- Créer un inventaire avec les composants UI
- Obtenir l'adhésion de l'équipe autour de l'idée d'un Design System
- Monter une équipe pluri-disciplinaire en charge de la création
- Établir les grandes règles et principes fondateurs
- Créer les palettes de couleurs et les règles associées
- Créer l'échelle typographique
- Créer une librairie d'îcones
- Standardiser toutes les propriétés (grid layout)
- Créer une bibliothèque de patterns
- Mener des rétrospectives régulières
Design Systems: Step-by-Step Guide to Creating Your Own
Construire son Design System sur Figma
https://www.youtube.com/watch?v=EK-pHkc5EL4
Pour aller plus en profondeur, ce cours de 7 heures explique absolument tout 👇
https://www.youtube.com/watch?v=RYDiDpW2VkM
Hackez le Design System
Un eBook réalisé par Adobe et Capgemini, qui propose des retours d'expérience sur l'implémentation de Design Systems chez Airbnb, Blablacar, etc.
Hackez le Design System | Idean
Évangélisez avec votre Design System : ZeroHeight
Pour une documentation globale, avec création/mise à dispo de la plateforme gratuitement, et composants synchronisés en temps réel avec Figma - Victor Soussan
zeroheight · document your design systems, together
Design System @Doctolib
Thomas Vidal de l'équipe Thiga échange avec la team Doctolib sur la création de leur Design System 👇
https://www.youtube.com/watch?v=XOIpXRwY4qs&t=77s
Design System @Spotify