Mode de redimensionnement dans Figma qui fait qu’un élément s’étire pour remplir entièrement l’espace libre de son parent dans une direction donnée.
Dans un cadre Auto Layout, chaque enfant peut avoir une stratégie de dimensionnement distincte :
- Hug contents : l’élément prend juste la taille nécessaire pour son contenu.
- Fixed size : la taille est définie manuellement (ex.
200px). - Fill container : l’élément remplit tout l’espace restant dans l’axe principal ou secondaire du conteneur Auto Layout.
Cas d’usage typiques
- Créer un champ de recherche qui s’étend pour remplir la barre de navigation.
- Construire des grilles de cartes où certains éléments doivent s’adapter dynamiquement.
- Réaliser des interfaces responsive sans contraintes manuelles.
Équivalent en développement web
Cela correspond approximativement à :
flex: 1;
/* ou */
width: 100%; /* ou height: 100% */dans un conteneur flexbox.