Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Figma Masterclass : Créez une Landing Page 100% Responsive
Rating: 4.7 out of 5(5 ratings)
20 students
Last updated 3/2026
French

What you'll learn

  • Maitriser les autolayouts grâce à un projet concret
  • Produire des maquettes responsives
  • Créer un design system cohérent
  • Créer un site web complet professionnelle

Course content

3 sections15 lectures4h 20m total length
  • Introduction5:52
  • Comprendre les autolayouts10:08

Requirements

  • Une expérience de base sur Figma est nécessaire (création de frames, de formes, déplacement dans l'interface etc)

Description

Passez du bricolage à un workflow professionnel. Apprenez à concevoir des interfaces qui s'adaptent intelligemment à tous les écrans (Desktop, Tablette, Mobile).

Note importante : Ce cours est une formation de perfectionnement. Il s'adresse aux personnes ayant déjà une première expérience sur Figma. Si vous n'avez jamais ouvert le logiciel, je vous recommande de commencer par mon autre cours d'initiation aux bases de Figma sur Udemy.

Marre des designs qui se cassent dès que vous étirez une frame ?

Si vous utilisez Figma mais que vous luttez encore pour rendre vos interfaces réellement flexibles, cette formation est le chaînon manquant de votre apprentissage. L’objectif est simple : maîtriser ce qui rend un design solide, maintenable et prêt pour le développement.

Le secret des pros : L'AutoLayout

L’AutoLayout est souvent la bête noire des designers débutants, et pourtant, c’est l’outil n°1 qui fait la différence. Dans ce cours, nous ne nous contentons pas de "survoler" l'outil : nous l'utilisons pour construire une Landing Page professionnelle complète.

Au programme de cette immersion pratique :

  • Design System & Organisation : Configuration des styles de couleurs, des nuances et de la typographie adaptative. Création de composants flexibles pour garantir la cohérence.

  • Conception Desktop (Le cœur du travail) : Utilisation intensive des Auto Layouts, gestion des espacements et des contraintes de remplissage. C'est ici que nous faisons 80% du travail pour faciliter la suite.

  • Adaptation Tablette & Mobile : Grâce à la puissance de la structure créée précédemment, vous verrez comment l'adaptation aux petits écrans devient un jeu d'enfant.

  • Workflow Réel : Je filme chaque manipulation et j'explique chaque choix stratégique. Pour ceux qui ont besoin d'un rappel, j'ai inclus une vidéo spécifique sur les bases de l'Auto Layout avant de passer à la pratique.

Ce que vous saurez faire à la fin du cours :

  • Structurer un design complexe avec les Auto Layouts de manière chirurgicale.

  • Adapter instantanément vos maquettes à n'importe quelle taille d'écran.

  • Organiser vos fichiers professionnellement (Styles, Composants, Variantes).

Prêt à rendre vos designs vraiment "intelligents" ? On se retrouve tout de suite dans le premier chapitre !

Who this course is for:

  • Webdesigner qui cherche à perfectionner leur technique avec Figma pour réaliser des sites responsives.