Formation Figma Design System : créer et faire vivre un design system
par Marie Gautheron- 2 jours - 14 heures
- 1 à 4 participants
- Intermédiaire
Formation Figma Auto Layout : maîtriser l'auto layout avec May Navarro
- 400 formateurs experts
- Présentiel ou distanciel
- Apprentissage par la pratique
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
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.
Jour 1
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.
Outils utilisés pendant la formation
-
Figma
Tarif de la formation
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. »
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é.
Financer sa formation
Les formations alfie sont finançables jusqu’à 100 % par l’OPCO de votre entreprise ou sur fonds propres. Contactez votre RH ou votre direction pour faire le point.
La formation des indépendants se finance via un organisme qui s’appelle FAF. Les 3 principaux FAF sont le FIFPL, l’Agefice et le FAFCEA. Pour le connaître rapprochez vous de votre expert-comptable ou identifiez la convention collective qui s’applique à votre branche.
Les formations alfie ne sont pas éligibles au CPF. Des financements non automatiques via France Travail restent possibles, consultez votre conseiller pour étudier vos droits.
Contactez votre agence d’intérim pour activer vos droits à la formation auprès de l’organisme AKTO (ex-FAFTT) qui finance la formation des intérimaires.
-
Durée 1 jour - 7 heures
-
Participants 1 à 6 participants
-
Difficulté Débutant à expert
-
Prix 1800€ HT
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 autres formations similaires
Formation Figma : maîtriser les variables dans Figma
par May Navarro- 1 jour - 7 heures
- 1 à 6 participants
- Débutant à expert