Standardisation des design tokens : le futur du design à grande échelle ? Louis Chenais 18 avril 2024

Bonjour 👋

I’m Louis Chenais Co-founder & Chief Evangelist • W3C Design Tokens Community Group Editor • Design System expert

Find me on • twitter.com/@chuckn0risk • lucho.cool

Au menu 01 Qu’est-ce qu’une Design API ? 02 Pourquoi avons-nous besoin d’un standard ? 03 Le futur des design tokens

  1. Qu’est-ce qu’une Design API ?

🤔 Que sont les design tokens ? Quel problème business voulons-nous résoudre ?

“Design tokens are a language for communicating intent between different parts of a system.” Ethan Marcotte

Design system Design Tokens

Les Design APIs sont l’évolution logique des design systems.

“An interoperable, guessable design API is the foundation of a fully networked design system, […]. It’s the next step in the evolution of design systems.” — Matthew Ström | A design API in practice

  1. Pourquoi avonsnous besoin d’un standard ?

Pour que l’identité de marque d’une organisation puisse être appliquée facilement, ses design tokens doivent pouvoir transiter librement d’un outil à un autre.

Notre marché a réellement besoin d’un standard pour les design tokens, largement utilisé afin que chaque décision design puisse transiter librement à travers les outils d’une organisation.

Le Design Tokens W3C Community Group à la rescousse!

DTCG | @designtokens

  1. Créé en 2019 par Kaelig Deloumeau-Prigent pour rassembler la communauté des design tokens 2. Le besoin d’un standard est plus fort que jamais : un appel aux éditeurs est fait en Février 2020 3. En Juin 2020 tous les éditeurs sont trouvés et répartis sur différents modules de recherche

Objectif #1 Fournir un standard pour les design tokens. Il permettra aux créateurs d’outils et à leurs consommateurs d’avoir un design de qualité à grande échelle grâce aux design APIs. Dirigé par Kaelig Deloumeau-Prigent (Principal Software Engineer @ Netlify).

Objectif #2 Gérer la communauté des design tokens et promouvoir les meilleurs pratiques liées aux design tokens. Dirigé Jina Anne (Principal Product Designer @ Microsoft).

Les modules du Design Tokens Community Group Colors Spacing Animation Format …

  1. Le futur des design tokens

🏆 Interopérabilité universelle

Interopérabilité universelle pour les design tokens : capacité de définir et de maintenir des design tokens à partir de n’importe quel outil.

Shaper | @hihayk

🌓 Le cas du multi-marques

🚀 Au delà des produits digitaux

Grazie Louis Chenais 🙏 Contact • twitter.com/@chuckn0risk Co-founder & Chief Evangelist • louis@specifyapp.com