Variables Figma

Les variables locales permettent des simplifier et d’harmoniser les évolutions des maquettes dans Figma.

Elles se configurent depuis la section Local Variables dans le panneau des propriétés de design selon 4 types :

  • couleur
  • nombre (propriétés aux autolayouts, radius, border etc…)
  • string (propriétés aux couleurs)
  • boolean (visibilité conditionnelle)

Ces variables sont regroupées dans des collections pour définir des niveaux de catégorisation des styles d’éléments, codification des différentes variables (tokenisation).