CATALOGUE Design et Infographie Formation Figma Apprendre Figma - Les fondamentaux

Maîtrisez les Concepts Avancés d'Auto Layout dans Figma

Retour à la formation
Chapitre 6 Leçon 2
Précédent
Suivant

Découvrez comment utiliser la position absolue et créer des designs responsives dans Figma.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorons des sujets avancés d'Auto Layout dans Figma. Vous apprendrez à utiliser la position absolue pour placer librement vos éléments sans être contraint par le layout global, ce qui est similaire au positionnement en CSS. Nous discuterons également de la conception responsive en imbriquant plusieurs blocs Auto Layout pour s'adapter dynamiquement aux changements de taille. Cette leçon détaille :
1. La mise en place de la position absolue dans Figma.
2. L'ajustement des éléments pour une flexibilité maximale.
3. L'imbrication de blocs Auto Layout pour une conception propre et adaptable.

Nous verrons également comment Figma gère intelligemment les chevauchements d'éléments et comment ajuster les contraintes pour une gestion fluide des redimensionnements.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de comprendre et appliquer :
1. La position absolue dans un Auto Layout.
2. Les bonnes pratiques pour créer des designs responsives.
3. L'imbrication de blocs Auto Layout pour une conception adaptative.

Prérequis pour cette leçon

Pour tirer le meilleur parti de cette vidéo, il est recommandé d'avoir une connaissance de base de Figma, ainsi que des principes fondamentaux du design UX/UI et du CSS.

Métiers concernés

Les concepts abordés dans cette vidéo peuvent être appliqués dans des métiers tels que designer UX/UI, développeur front-end, et prototypiste interactif.

Alternatives et ressources

En plus de Figma, d'autres logiciels et solutions alternatives incluent Adobe XD, Sketch, et InVision Studio.

Questions & Réponses

La position absolue permet de placer un élément précisément où vous le souhaitez sans être impacté par l'Auto Layout global, similaire à la propriété CSS position: absolute.
Figma peut automatiquement détecter que les éléments se chevauchent et placer l'un d'entre eux en position absolue au sein de l'Auto Layout.
L'imbrication de blocs Auto Layout permet de créer des designs plus propres et adaptatifs, facilitant ainsi le redimensionnement et la gestion des différents éléments.