3 mai 2024

Designops meetups: une exploration des Design Tokens

Les Design Tokens représentent une révolution dans le domaine du design numérique, offrant des solutions innovantes pour la standardisation, la collaboration interdisciplinaire et la gestion efficace de l’identité visuelle à grande échelle. Lors d’un récent meetup, premier d’un série d’au moins 3 meetups sur le sujet, Ismaïl Hamila, Adrien Gibrat, Louis Chenais, Jeremy Dahan et Antoine Deshoux  ont partagé leurs connaissances et leurs expériences sur ce sujet passionnant. Voici un aperçu des points essentiels de cet événement dont vous retrouverez le replay en conclusion.

Points clés abordés dans la vidéo :

1. Introduction aux Design Tokens, les bases théoriques et quelques repères

Les Design Tokens représentent une couche essentielle dans les Design Systems. Ils traduisent les décisions de design en variables pour les systèmes numériques et permettent de stocker ces décisions de manière agnostique pour une utilisation sur différents supports.  Ils vont au-delà des simples variables et incarnent des décisions et des informations de design structurées en trois couches : les valeurs de base, les tokens sémantiques et les tokens d’utilisation dans les composants, organisées avec des pyramides d’abstraction et des typologies d’échelles.

Une nomenclature collaborative et descriptive est indispensable, avec une architecture de nommage allant du général au spécifique, inspirée du monde réel et des standards culturels. Des outils tels que Specify et Style Dictionary permettent finalement de les transformer en code, facilitant ainsi leur utilisation dans le développement web. Leur mise en place nécessite une collaboration interdisciplinaire entre les équipes de design et de développement. 

2. Standardisation des Design Tokens, le futur de design à grande échelle

Louis Chenais, cofondateur de Specify, a pris la parole pour présenter l’importance de la synchronisation des Design Tokens entre équipes design et de développement. Il a illustré la nécessité d’un standard pour utiliser et créer des Design Tokens entre différents outils. Louis rappelle leur rôle essentiel dans la réduction des coûts d’implémentation des décisions de design. 

Il prone l’évolution des Design Systems vers des Design APIs, avec une mise en avant de l’importance d’une gouvernance efficace et d’une nécessité de standardisation à l’échelle du web.

3. Retours d’expérience, les usages pratiques des Design Tokens chez Carrefour

Le cas d’étude de Carrefour offre un aperçu concret des défis et des opportunités liés à l’implémentation des Design Tokens dans un contexte d’entreprise complexe et diversifié. Jeremy Dahan et Antoine Deshoux rappellent que la communication et la sensibilisation ont été essentielles dans l’adoption des Design Tokens chez Carrefour. En toute transparence, et avec beaucoup d’humilité ils mettent en avant ce qui leur a permis de comprendre leur usages et leur fonctionnement.

Ils abordent également la nécessité de trouver un équilibre entre la centralisation et le initiatives locales pour assurer une cohérence visuelle, tout comme les défis liés à la gouvernance et à la gestion des changements. Retrouvez la totalité de leur témoignage ci-dessous. 

Découvrez en plus en visionnant la vidéo !

Les Design Tokens ne sont pas seulement des variables ordinaires dans le domaine du design numérique. Ils représentent une composante essentielle des Design Systems, agissant comme un langage commun entre les décisions de design et leur implémentation dans les interfaces numériques. Dans ce meetup, nous explorons les bases théoriques, l’importance de la standardisation et les applications concrètes des Design Tokens, en mettant en lumière leur utilisation en entreprise, aujourd’hui le premier retour d’experience sera celui de l’équipe de Design de Carrefour. 

En conclusion, les Design Tokens représentent une approche stratégique et systémique de la gestion du design à l’ère numérique, favorisant la cohérence, la collaboration et l’efficacité à grande échelle. À travers des standards, des outils et des pratiques exemplaires, les entreprises comme Carrefour et les passionnés comme nos invités tracent la voie vers un avenir où le design est véritablement au service de l’expérience utilisateur.

Pour aller plus loin sur le sujet des Design Tokens, téléchargez The Design Tokens Book !


Envie de participer ou d’intervenir lors de nos Meetups DesignOps mensuels ? Contactez-nous dès maintenant !