L'Auto-Layout Figma

Pourquoi c'est important

L'auto-layout transforme vos maquettes statiques en composants flexibles qui s'adaptent au contenu. C'est la difference entre un fichier Figma pro et un fichier fragile. Raccourci :Shift + A.

Le framework

1. 01

   Direction & Flow

   Horizontal, vertical ou wrap. Une seule direction par frame. Pour combiner, imbriquez vos layouts.

2. 02

   Resizing : Hug / Fill / Fixed

   Hug= s'adapte au contenu.Fill= prend tout l'espace dispo.Fixed= taille figee.

3. 03

   Padding & Gap

   Padding = marge interne du container. Gap = espace entre les éléments. Pensez en tokens, pas en pixels manuels.

4. 04

   Nouveau en 2025 : Grid Flow

   Auto-layout grid pour des mises en page multi-colonnes. Variables applicables aux gaps pour un système de spacing coherent.

5. 05

   Suggest Auto Layout

   Figma detecte et applique l'auto-layout automatiquement sur vos frames existantes.

Pour aller plus loin