DesignOps Meetup#12 : Le pouvoir des Design Tokens, clé de la cohérence visuelle

A presentation at Design Tokens Series #1 in April 2024 in Paris, France by Louis Chenais

Slide 1

Slide 1

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

Slide 2

Slide 2

Bonjour 👋

Slide 3

Slide 3

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

Slide 4

Slide 4

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

Slide 5

Slide 5

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

Slide 6

Slide 6

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

Slide 7

Slide 7

Slide 8

Slide 8

Slide 9

Slide 9

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

Slide 10

Slide 10

Slide 11

Slide 11

Design system Design Tokens

Slide 12

Slide 12

Slide 13

Slide 13

Slide 14

Slide 14

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

Slide 15

Slide 15

“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

Slide 16

Slide 16

  1. Pourquoi avonsnous besoin d’un standard ?

Slide 17

Slide 17

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.

Slide 18

Slide 18

Slide 19

Slide 19

Slide 20

Slide 20

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.

Slide 21

Slide 21

Le Design Tokens W3C Community Group à la rescousse!

Slide 22

Slide 22

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

Slide 23

Slide 23

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).

Slide 24

Slide 24

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).

Slide 25

Slide 25

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

Slide 26

Slide 26

  1. Le futur des design tokens

Slide 27

Slide 27

🏆 Interopérabilité universelle

Slide 28

Slide 28

Slide 29

Slide 29

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

Slide 30

Slide 30

Slide 31

Slide 31

Shaper | @hihayk

Slide 32

Slide 32

🌓 Le cas du multi-marques

Slide 33

Slide 33

Slide 34

Slide 34

🚀 Au delà des produits digitaux

Slide 35

Slide 35

Slide 36

Slide 36

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