Cours 6 | Composition avancée¶

Retour sur le Devoir 02¶

Les guides de mise en page s'affichen sous forme de grille ou de coloone / lignes.

Pour appliquer des contraintes sur des éléments, ceux-ci doivent se trouver dans un Frame.

Auto Layout dans Figma est l’équivalent conceptuel des layouts Flexbox en CSS. Ça peut servir à construire des grilles via des frames imbriquées.

Pour ce faire, créer un nouveau Frame et sélectionnez la mise en page automatique « Grille ».

Notez que l'icône du Frame a été modifiée

N'utilisez pas un masque si vous pouvez faire la même chose avec un remplissage.

Attention à l'ordre des calques. Le masque doit être en dessous.

Exercice - Figma
Galerie d'art

Exercice - Figma
Trio

Exercice - Figma
Cyberpunk 2077