Design : Disposition automatique de Figma en action

FLa mise en page automatique d’igma existe depuis un certain temps, mais tout le monde n’est pas conscient des avantages qu’elle apporte. Cela ne remplace pas les contraintes, elles sont toujours très nécessaires. L’astuce consiste à utiliser la bonne fonctionnalité si nécessaire. Je veux vous montrer comment combiner les composants, les contraintes et la disposition automatique pour les meilleurs résultats.

J’ai créé un écran pour une application de livraison de nourriture inspirée d’Uber Eats et je vais la démolir pour vous montrer comment vous pouvez utiliser la disposition automatique ainsi que les contraintes et les composants pour améliorer votre jeu de conception.

La plupart d’entre vous le savent déjà, mais pour un mot d’introduction, la disposition automatique consiste à organiser automatiquement les éléments placés à l’intérieur d’un cadre. Ces éléments peuvent être disposés verticalement ou horizontalement et vous pouvez définir l’espacement entre les éléments individuels ainsi qu’entre les éléments et les bordures du cadre. Pour cette raison, vous ne pouvez pas utiliser de contraintes ou placer des éléments les uns sur les autres dans les cadres qui utilisent la disposition automatique.