Là où naissent les designs — et comment nous les transmettons proprement au code. Variables, Auto-Layout, Branching.
Catégorie · Frontend & UI
Là où naissent les designs.
Figma est l'outil de design collaboratif qui tourne dans le navigateur et sur lequel plusieurs personnes travaillent simultanément. Pour nous, ce n'est pas qu'un outil de dessin, mais le pont entre le design et la mise en œuvre.
L'Auto-Layout reproduit le comportement de Flexbox, les Variables définissent les design tokens, et le branching permet de faire évoluer des états de design en parallèle du développement.
Passer le relais au code, proprement.
La valeur se crée au moment du handover. Lorsque les Variables de Figma et les tokens du code portent les mêmes valeurs, le design ne laisse plus de marge d'interprétation : il devient une maquette traduisible 1:1 en composants. L'Auto-Layout rend explicite la manière dont un élément se comporte à différentes tailles.
Ce qu'un outil ne résout pas.
Figma ne produit pas de code prêt pour la production, et les mises en page exportées ne remplacent pas un modèle de composants réfléchi. Sans une nomenclature disciplinée des Variables et des Components, même un beau fichier devient un obstacle au moment de la passation.