Introduction

Représentations

Plus petit qu'un atome, dans la méthodologie de l'Atomic Design, comment se représenter les Design Tokens?


Les sources des visuels proposé en introduction du livre The Design Tokens Book.

Sub atomiques - Brad Frost

atomic

Extending Atomic Design
Atomic design is now over 6 years old (which is nuts!). I'm thrilled that all these years later the methodology continues to help teams think of their user interfaces as a hierarchical, interconnected set of components that build real product screens. I thought I'd be sick of talking about th
Extending Atomic Design favicon https://bradfrost.com/blog/post/extending-atomic-design/
Extending Atomic Design

Anatomie - Ben Callahan

anatomie

What are the Different Layers and Parts of a Design System?
What is a successful design system made of? Learn about the four layers of a design system and the parts that make up each of these layers.
What are the Different Layers and Parts of a Design System? favicon https://sparkbox.com/foundry/design_system_makeup_design_system_layers_parts_of_a_design_system
What are the Different Layers and Parts of a Design System?

Types - James Nash

types

The Future of Design Tokens - James Nash (Into Design Systems)

Pyramide - Thomas Gossmann

pyramid

Inside Design Tokens: The Three Class Token Society
Design tokens are often grouped based on their phenomenal reference sequence. From basic, over semantic to component tokens. This article compares this organization with a model based architecture and figures out the advantages and disadvantages.
Inside Design Tokens: The Three Class Token Society favicon https://gos.si/blog/inside-design-tokens-the-three-class-token-society

3 Tiers - Lukas Oppermann

tiers

Naming design tokens
Learn how to effectively name your design tokens in a systematic and future proof way. Understand all key concepts used today.
Naming design tokens favicon https://uxdesign.cc/naming-design-tokens-9454818ed7cb
Naming design tokens

Nommages alternatifs - Samantha Gordashko (SamIam)

Figjam preview

www.figma.com
www.figma.com favicon https://www.figma.com/community/file/1319771374095138011/token-structure-alternate-names-research

Abstraction - Nitish Khagwal

abstraction