plusieurs composants affichés dans une interface

Design System – le choix d’une plateforme de guidelines

par

dans

Une part importante du Design System consiste en la mise à place d’une documentation. Pour cela plusieurs services peuvent être utilisés. Si vous êtes dans une grande entreprise vous aurez peut-être déjà accès à des outils plus ou moins sympathiques. Cela peut-être un Sharepoint ou un Confluence. Si vous êtes dans une plus petite structure cela peut-être un Notion ou autre service du genre.

De mon côté j’utilise Zeroheight. Ils sont spécialisés dans la documentation de DS et même si parfois certains éléments peuvent être frustrants cela reste un bon service. Attention au coût néanmoins. Malgré la présence d’un plan gratuit, il faudra au minimum passer sur l’offre starter (588 USD pour un éditeur). Cela permet de disposer d’un domaine personnalisé et de configurer (un peu) le design. Néanmoins si vous souhaitez utiliser un truc essentiel : le versioning, il faudra passer sur le plan professionnel. C’est à dire 12 000 USD / an ! Tarif négociable mais c’est loin d’être anecdotique.

Pour ce tarif vous pourrez connecter vos guidelines au SSO de votre organisation.

Il existe à présent un concurrent qui semble percer : super nova. J’ai testé rapidement et cela semble intéressant également. L’intégration des design token (ou variable figma maintenant) semble un peu plus native que dans Zeroheight.

En fonction de la taille de votre organisation tous ces outils peuvent être un peu disproportionnés. L’important c’est de pouvoir disposer de guidelines à un endroit connu et reconnu et que vos utilisateurs et utilisatrices aient l’habitude de s’y référer. En gros un google doc bien organisé pourra faire l’affaire. L’avantage d’un outil dédié c’est essentiellement de pouvoir afficher vos composants Figma directement en ligne à côté de la documentation. ça semble anecdotique mais c’est tout de même très pratique.

Si vous utilisez déjà Storybook côté dev vous pouvez même ajouter votre documentation design directement dans l’outil. J’aimerais beaucoup tester cette solution mais actuellement les designers travaillent sur Mac et le Storybook n’est disponible que sur le réseau de l’organisation (sur PC).

De manière générale il faudra toujours composer avec les caractéristiques de votre entreprise. Par exemple en fonction du niveau de sécurité nécessaire à vos activités, il y a des chances que vous ne puissiez pas communiquer à l’extérieur vos guidelines. En effet si tout le monde à accès à vos guidelines alors rien n’empêche des malandrins de faire un site de scam ressemblant de manière précise à votre site officiel.

C’est pénible pour votre portfolio mais il est difficile de passer outre !


Commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *