Vous perdez un temps précieux à repositionner manuellement vos éléments à chaque modification de contenu ? Vous rêvez de maquettes qui s’adaptent automatiquement, sans recalculer le moindre espacement ? Cette formation vous donne toutes les clés pour maîtriser l’Auto Layout, la fonctionnalité la plus puissante de Figma pour créer des interfaces responsives et des composants robustes, prêts à passer en développement sans friction.

Votre formateur

May Navarro
Formatrice UX, UI & IA
Voir le profil
Designer depuis 20 ans (Ikea, SNCF, Starbucks, etc.), formatrice depuis 10 ans (Le Wagon, Ynov, l'école de design de Nantes, Ubisoft, etc.), je partage avec vous ma passion pour le webdesign avec un enthousiasme communicatif.

Programme adaptable à vos besoins

Un socle complet que votre formateur personnalise selon vos priorités, avec des exercices pratiques réalisés directement sur vos sites, campagnes ou projets web.

Programme

Première demi-journée : les fondamentaux de l'auto layout

  • Les bases de l'Auto Layout : comprendre les notions de direction, d'espacement, de padding et d'alignement pour structurer vos interfaces efficacement.
  • Hug, Fill et Fixed : maîtriser les trois comportements de redimensionnement essentiels et savoir quand les appliquer selon le contexte.
  • Cas pratique - bouton et champ de formulaire adaptatifs : construire de A à Z deux composants fondamentaux entièrement pilotés par l'Auto Layout.

Deuxième demi-journée : composants avancés et responsive design

  • Auto Layout imbriqué (nested) : apprendre à imbriquer des conteneurs pour structurer des composants complexes en plusieurs niveaux.
  • Gestion du contenu variable : adapter vos composants à des textes longs ou courts, des images de tailles différentes et des listes à puces dynamiques.
  • Wrap et comportements responsives avancés : exploiter la mise en ligne automatique des éléments et les contraintes mixtes pour gérer des mises en page flexibles.
  • Cas pratique - carte produit et barre de navigation responsives : construire deux composants complexes, déclinables sur plusieurs tailles d'écran et prêts à être transmis aux développeurs.
Formation personnalisable sur demande.

Un échange avec votre formateur définira le programme et les exercices dont vous avez besoin, alignés sur vos objectifs professionnels.

À qui s’adresse la formation ?

Public

Cette formation s’adresse aux UX/UI designers, product designers et graphistes en reconversion vers le digital. Elle convient également aux développeurs front-end souhaitant mieux collaborer avec les designers, aux chefs de projet digital, aux freelances et aux étudiants en design.

Prérequis

Aucune connaissance préalable de l’Auto Layout n’est requise. Une familiarité de base avec l’interface Figma (créer un calque, une frame, un texte) est utile mais non obligatoire — un rappel express est prévu en début de session. Un ordinateur avec accès à Internet et un compte Figma gratuit (version web) suffisent.

Moyens et outils

Moyens

La formation se déroule sur Figma en version web, accessible gratuitement et sans installation. Un support de cours PDF est fourni à chaque participant, accompagné d’un fichier Figma d’exercices partagé. Les apprentissages sont consolidés par des ateliers pratiques guidés en direct, avec correction collective.

Tarifs des formations

En présentiel ou distanciel, la formation s’organise dans vos locaux, dans un lieu loué pour l’occasion ou en visioconférence, selon vos préférences.

1 jour - 7 heures

à partir de 1800€ HT

Prêt à vous former ?

Demandez votre devis, de la demi-journée au format sur-mesure.

Obtenir un devis Réponse dans les 24h

Ce que vous apprendrez

Comprendre les principes fondamentaux de l'Auto Layout et son rôle dans la création d'interfaces responsives.

Construire des composants adaptatifs (boutons, champs, cartes, listes) avec l'Auto Layout.

Maîtriser les comportements de redimensionnement Hug, Fill et Fixed.

Structurer des mises en page complexes grâce à l'Auto Layout imbriqué.

Optimiser une maquette pour qu'elle s'adapte à différents contenus et tailles d'écran.

Mettre en place des patterns avancés : wrap, contraintes mixtes et composants réutilisables.

Ce qu’on aime dans la formation

« L’Auto Layout est souvent la fonctionnalité la plus sous-exploitée de Figma — et pourtant celle qui change tout une fois maîtrisée. En une journée, je vous transmets une méthode claire et progressive pour construire des composants qui s’adaptent vraiment, sans bricolage ni recalcul manuel. Vous repartirez avec des réflexes concrets, applicables dès le lendemain sur vos propres projets. »

May Navarro

Questions fréquentes sur la formation Figma Auto Layout de May

Quels outils vais-je utiliser durant la formation ?

Uniquement Figma, dans sa version web. Aucune installation de logiciel n’est nécessaire : un navigateur et une connexion Internet suffisent.

Avec quoi vais-je repartir à la fin de la formation ?

Vous repartirez avec un fichier Figma personnel contenant tous les composants réalisés pendant la journée, ainsi qu’un support PDF récapitulatif des notions clés.

La formation est-elle axée sur la pratique ?

Oui, plus de la moitié du temps est consacrée à des exercices guidés et à deux cas pratiques complets, pour ancrer les apprentissages dans des situations réelles.

Dois-je installer un logiciel avant la formation ?

Non, Figma fonctionne directement dans le navigateur. Il vous suffit de créer un compte gratuit avant le début de la session.

Cette formation est-elle adaptée aux débutants complets ?

Oui, elle démarre par les bases de l’Auto Layout et progresse vers des cas plus avancés, permettant à chaque participant de suivre à son rythme tout en étant challengé.

alfie, votre organisateur de formations au marketing digital

Nos formations vous apportent plus que de la simple théorie : astuces pour aller plus vite, études de cas, inspirations, bonnes pratiques du moment ou encore le résultat de notre veille.

4.85
Basé sur 203 avis
+2600 Apprenants
+767 Formations sur-mesure

Vous former avec alfie :

  • Des formateurs sélectionnés pour leur expertise métier et expérience du terrain.
  • Des programmes sur-mesure, grâce à un brief complet entre vous et votre formateur.
  • Un apprentissage par la pratique, pour mettre en application directement.

Financer sa formation

Les formations alfie sont finançables jusqu’à 100% par les OPCO, l’organisme financier des salariés du privé. Rapprochez-vous de votre RH ou de votre dirigeant avec votre projet de formation pour évoquer le budget OPCO disponible.

Toutes les entreprises sont aussi dans l’obligation de former leur salarié sous quelques manières que ce soit. Elles peuvent donc aussi faire le choix de financer votre formation avec leurs fonds propres.

Si vous souhaitez vous reconvertir, vous pouvez prétendre à un PTP (Projet de Transition Professionnelle) qui permet de réaliser une formation sur une durée longue en maintenant votre salaire et en finançant tout ou partie de votre formation. Le financement peut se faire par le biais de l’OPCO de votre entreprise.

➡️ Simulez votre budget formation !

Si vous êtes Freelance ou Indépendant, alors votre organisme de de financement s’appelle un FAF (Fonds d’assurance à la Formation), auprès duquel vous cotisez.

Il existe différents FAF qui dépendent de votre secteur d’activité. Pour le connaître rapprochez vous de votre expert-comptable ou identifiez la convention collective qui s’applique à votre branche. Vous y trouverez le nom de votre FAF.

Les 3 principaux FAF sont :

  • Le FIFPL : pour les travailleurs indépendants exerçant une activité libérale
  • L’Agefice : pour les dirigeants non-salariés du commerce, de l’industrie et des services
  • Le FAFCEA : pour les artisans non-salariés.

Les formations alfie ne sont pas éligibles au CPF (« Compte Personnel de Formation » désormais appelé « Mon Compte Formation »). Vous ne pouvez donc pas financer les formations alfie avec cette solution.

Les seules exceptions de financement par France Travail sont :

  • Le PTP (Projet de Transition Professionnelle),
  • Le PDC (Plan de Développement des Compétences),

Mais ne sont pas automatiques. Rapprochez-vous de votre conseiller FT pour connaître les financements auxquels vous avez droit.

 

Vous devez vous renseigner auprès de votre organisme d’intérim, qui peut vous faire avoir des droits auprès du Fonds d’Assurance Formation du Travail Temporaire (FAF.TT). C’est un organisme qui permet à tout salarié intérimaire d’accroitre ses performances et son employabilité en fonction des besoins du marché.

Les points forts des formations alfie

Sur-mesure

Votre formateur adapte le contenu et les exercices de sa formation, grâce à un appel téléphonique de 15 minutes avec vous, en amont de la formation.

Pratique & concret

Tous nos formateurs et formatrices s’engagent à réaliser au moins 2 exercices par séquence de formation. Tous consultants en activité, ils vous proposent des études de cas réels.

Aymeric Marquant, Formateur WordPress chez alfie formation
Enguerran Bachelot, Formateur Expert Looker Studio - Data visualisation chez alfie formation

Toujours à jour

Un questionnaire de satisfaction et une étude d’impact à 90 jours remontent vos retours aux formateurs pour actualiser en continu nos modules. Nos sessions sont programmées sous 8 à 10 jours, délai nécessaire aux convocations et formalités.

Finançable

Certifié QUALIOPI, alfie vous permet de faire financer votre formation jusqu’à 100% via les OPCO et vous fournit tous les documents nécessaires à la demande.

  • Durée 1 jour - 7 heures
  • Participants 1 à 6 participants
  • Difficulté Débutant à expert
  • Localisation Présentiel ou distanciel
  • Prix 1800€ HT
Obtenir un devis
4.85 (203 avis)
Des questions ? Appelez-nous : 02 55 99 46 86

Obtenir un devis

⚠️ Nos formations ne sont pas éligibles au CPF.

Brief complet, réponse rapide ! Pensez à inclure :

  • qui doit être formé,
  • quel niveau à l’apprenant sur le sujet,
  • l’objectif de la formation,
  • distanciel / présentiel (et le lieu).

On vous rappelle dans les 24h.

♿ Public en situation de handicap, nous écrire à bonjour@alfieformation.com



    Les informations recueillies à partir de ce formulaire sont traitées par alfie pour donner suite à votre demande de contact et dans le cadre de nos activités de prospection. Pour en connaitre plus sur vos droits et la gestion des données personnelles faite par ALFIE, cliquez sur la politique de protection des données à caractère personnel