Le design kit est l'ensemble des ressources graphiques d'un produit ; on y retrouve boutons, formulaires, cartes, navigation, icônes… Il vous permet de garder une cohérence entre vos écrans et de concevoir de nouvelles interfaces sans avoir à recréer encore et encore, les mêmes composants. Ces composants, déjà prêts à l'emploi, vous permettent de gagner un temps précieux pendant la conception de votre produit.
Son objectif est principalement de garantir une cohérence visuelle sur tous les supports et de faciliter le travail entre designers et développeurs.
Avoir un design kit déjà prêt vous permettra un gain de temps considérable pendant vos phases de création. Plutôt que de recréer chaque élément à chaque nouveau projet ou chaque nouvel écran, le designer pourra directement piocher dans sa bibliothèque et assembler les composants existants. Cela vous garantira une cohérence visuelle sur l’ensemble de votre interface.
Et bien sûr, pour les développeurs, un design kit bien structuré facilitera grandement l’intégration : les composants seront clairement définis, les espacements et les tailles normés, ce qui réduira considérablement les allers-retours entre les équipes.
Le design kit correspond à la bibliothèque de composants dans votre outil design, le design system, lui, est bien plus complet. Il inclut le design kit, mais également les composants développés, les tokens, la documentation d'usage et les guidelines. Dans la majorité des cas, un design kit sera bien suffisant pour votre produit, mais un design system garantit une cohérence optimale entre le design et le développement, il est souvent plus utile pour les gros projets qui ont besoin d'un cadre strict.
Tout d'abord, en s'assurant des besoins que vous en avez. Dans certains cas, il est plus pratique de créer son propre design kit. Dans le cas contraire, on évalue la compatibilité avec les composants natifs de la plateforme cible (web, iOS, Android), la qualité de la documentation, la fréquence de mise à jour, la couverture des composants courants et la flexibilité de personnalisation.
Quand votre produit a une identité visuelle bien distincte et que les kits publics ne vous permettent plus de bien la respecter. Également, si vous avez une équipe suffisamment grande pour pouvoir le tenir à jour, il sera intéressant de créer votre propre design kit.
Bien maintenir un design kit, c'est un travail d'équipe, il est donc important d'avoir un responsable qui pourra définir un processus spécifique pour maintenir idéalement votre kit. Pensez également à versionner votre kit pour que tout le monde dans vos équipes sache qu'une mise à jour a été effectuée ou est à effectuer.
Figma est l'outil de design collaboratif de référence. Conception, prototypage, design system et handoff dans un SaaS qui relie designers, développeurs et product managers.
En savoir plus sur FigmaConception des futurs écrans en ajoutant la dimension graphique de manière à produire la représentation finale de l'interface à transmettre aux équipes projet en vu de leur intégration
En savoir plus sur Maquettes graphiquesTout le monde parle experience utilisateur, design de service, ergonomie...
C'est pas très clair, mais vous aimeriez bien découvrir tout ca ou progresser.
