Tokens & handoff

Comment un choix fait dans Figma se retrouve à l'identique dans le code, sans traduction manuelle.

Le principe

Chaque variable Figma (couleur, taille, espacement) porte un nom : ce nom devient mécaniquement une variable CSS. Un designer qui renomme ou retouche une variable dans Figma voit sa modification arriver dans le code au prochain export, sans intervention manuelle et sans qu'aucune valeur ne soit jamais recopiée à la main dans une maquette ou un composant.

Figma ↔ CSS

Palette / Neural / 900     →  --neural-900
Spacing / 16               →  --spacing-16
Radius / m                 →  --radius-m
Texts / Heading / H1       →  .ragt-h1

Utilisez les alias de rôle (--text-strong, --surface-page…) plutôt que les pas de rampe directement : ils survivent à un changement de palette. Le détail des alias vit sous Design language → Couleurs.