Figma 101 est une série de séances pratiques destinée principalement aux débutants et aux nouveaux utilisateurs de Figma.

Pour cette troisième séance, nous découvrirons l’Auto Layout, une fonctionnalité essentielle pour organiser les éléments d’une interface et créer des compositions plus flexibles.

Quand : samedi 19 septembre 2026, de 10h à 13h GMT+1

Où : en ligne, directement ici sur Bevy

Format : atelier pratique en direct

Niveau : débutant, avec un défi d’approfondissement

Au programme

• Comprendre la relation entre les éléments parents et enfants
• Créer un Auto Layout horizontal ou vertical
• Régler la direction, l’alignement, les espacements et les marges internes
• Utiliser correctement Fixed, Hug contents et Fill container
• Imbriquer plusieurs Auto Layouts
• Adapter les éléments aux variations de contenu
• Utiliser la position absolue lorsque cela est nécessaire
• Distinguer les contraintes de redimensionnement de l’Auto Layout
• Identifier et corriger les erreurs fréquentes

Ce que vous saurez faire après la séance

À la fin de cet atelier, vous pourrez :

• construire un Auto Layout horizontal ou vertical ;
• régler le comportement du conteneur et de ses éléments ;
• combiner plusieurs Auto Layouts ;
• créer une interface qui s’adapte à son contenu ;
• corriger les principaux problèmes liés au redimensionnement.

L’atelier pratique

Nous construirons une carte d’événement comprenant une image, des informations, des tags et un bouton d’inscription.

L’objectif sera de créer une carte capable de s’adapter lorsque son contenu ou sa largeur change.

Le défi d’approfondissement

Les participants plus expérimentés pourront transformer une composition rigide en un élément flexible acceptant des titres courts ou longs, plusieurs tags et différentes largeurs.

À qui s’adresse cette séance ?

Cette séance s’adresse aux personnes qui souhaitent mieux structurer leurs interfaces et éviter de repositionner manuellement chaque élément lorsque le contenu évolue.

Il n’est pas nécessaire d’avoir participé aux précédents Figma 101. Chaque séance peut être suivie indépendamment.

Informations pratiques

Pour participer dans de bonnes conditions, prévoyez :

• un ordinateur ;
• une connexion Internet stable ;
• un compte Figma actif et accessible ;
• l’application Figma ou un navigateur compatible ;
• un casque ou des écouteurs, si votre environnement le nécessite.

La séance se déroulera entièrement en ligne depuis cette page Bevy. Pensez à vous connecter quelques minutes avant le début pour vérifier vos accès.

La séance pourrait être enregistrée et des captures d’écran pourraient être réalisées. En participant, vous acceptez que votre image, votre voix, vos interventions ou vos réalisations puissent apparaître dans des contenus partagés par Friends of Figma Cotonou ou Figma.