Analyser le système

Nommer les tokens
Commencer à expérimenter : Créer vos premiers tokens de références
Couleurs
Plugins et outils d’organisation des palettes de couleurs.
www.figma.com
www.figma.com
www.figma.com
Open Color
Color scheme for UI design

Typographies
Plugin de gestion des tailles de typographie.
www.figma.com
Slides Design Tokens - Thibault Mahe
Utiliser les Design Tokens pour promouvoir collaboration et maintenabilité d’un Design System
Design tokens
Exemple d’usage dans les styles CSS
Open Props: sub-atomic styles
Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or Javascript.

Atelier Brand Asset Commando
www.figma.com