Formation : Le WebDesign sur Figma pour les débutants
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
5h19
de formation
27
leçons vidéo
3
formations
Débutant
niveau requis
Adrien Gazaix
Adrien Gazaix
Formateur certifié

Formation : Le WebDesign sur Figma pour les débutants

Promo -35%
4.8/5 Trustpilot (1385 avis) Satisfait ou remboursé
5h19
de formation
27
leçons vidéo
3
formations

Dans ce bundle complet de plus de 5h20 de vidéo, je vous propose de découvrir ensemble le WebDesign sur le logiciel Figma.

Cette formation en ligne est avant tout pour les débutants, c’est-à-dire ceux qui ne connaissent pas ou peu le webdesign et qui n'ont pas encore ouvert de logiciel tel que Figma auparavant.

Nous prendrons en exemple un site vitrine pour une entreprise qui propose de recharger sa voiture électrique gratuitement.

Au programme de cette formation WebDesign Débutant sur Figma

  • Épisode 1 : On découvrira ensemble le brief, puis on fera un tour d’horizon rapide du logiciel avant de commencer à créer la Homepage du site. On utilisera un système de grille, des dégradés, des icônes SVG, l’auto-layout, aérer le contenu pour améliorer la lisibilité...
  • Épisode 2 : Puis nous allons désigner des mises en pages dynamiques pour présenter le contenu des différentes pages du site : Histoire, Services, Contact... et nous verrons comment utiliser les composants, créer un menu sticky et enfin mettre en place un prototype animé pour naviguer dans le site comme si celui-ci était déjà intégré.
  • Épisode 3 : Dans cette dernière étape, nous adapterons les maquettes précédemment créées pour une version mobile. Je vous donnerai plein de tips pour adapter le menu, ou choisir une mise en page adaptée en raison de la place limitée sur un navigateur mobile.

Je vous invite à regarder l’extrait vidéo pour vous rendre compte du résultat final obtenu à la fin de la formation.

Toutes les sources sont fournies avec la formation.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrez des difficultés pendant ou après le visionnage de la formation.

Bonne formation !

Cours dans ce bundle

Webdesign débutants : Designer une page d'accueil sobre & attractive sur Figma Cours 1

Webdesign débutants : Designer une page d'accueil sobre & attractive sur Figma

Webdesign débutants - Episode 2 : Déclinaison des pages & Prototype animé Cours 2

Webdesign débutants - Episode 2 : Déclinaison des pages & Prototype animé

Webdesign débutants - Episode 3 : Décliner les maquettes du site en version mobile + Prototype Cours 3

Webdesign débutants - Episode 3 : Décliner les maquettes du site en version mobile + Prototype

Plan détaillé des cours

 
Leçon 1

Introduction & Installation de Figma

05m39
Leçon 2

Découverte de l'interface de Figma

09m49
Leçon 3

Lecture du Brief client, conseils & astuces sur le webdesign

13m55
Leçon 4

Mise en place de la grille & design du header avec le logo et le menu

16m27
Leçon 5

Designer le visuel d'accroche avec un bouton call to action

13m46
Leçon 6

Designer la partie des avantages en 3 colonnes

20m40
Leçon 7

Designer le bandeau vidéo

11m56
Leçon 8

Designer le footer pour terminer la maquette

14m29
Leçon 9

Conclusion

02m08
 
Leçon 1

Créer des composants pour le header & footer à partir de la page d'accueil

11m33
Leçon 2

Design de la page Histoire - Partie 1

14m03
Leçon 3

Design de la page Histoire - Partie 2

20m36
Leçon 4

Design de la page Offre - Partie 1

16m43
Leçon 5

Design de la page Offre - Partie 2

23m56
Leçon 6

Design de la page Contact

23m17
Leçon 7

Design de la page Mentions légales

10m55
Leçon 8

Design de la Connexion à l'espace client

14m47
 
Leçon 1

Introduction

01m28
Leçon 2

Créer une frame pour le mobile et visualiser le prototype

03m24
Leçon 3

Adapter le header en version mobile

05m34
Leçon 4

Homepage - Adapter le hero en version mobile

11m04
Leçon 5

Homepage - Adapter le reste du contenu

09m33
Leçon 6

Adapter le footer en version mobile

11m29
Leçon 7

Créer le menu en version mobile

06m27
Leçon 8

Page - Adapter le contenu part.1

13m48
Leçon 9

Page - Adapter le contenu part.2

09m27
Leçon 10

Conclusion

02m59

Avis des apprenants

Détail des avis
244
Apprenants
8
Commentaires
4,9/5
Note moyenne
5/5
7
4/5
1
3/5
0
2/5
0
1/5
0
Maud Legrève
Maud Legrève
Publié le 18/12/2025
C'est mon premier achat sur tuto.com et je ne regrette absolument pas mon investissement. Cette formation est très bien structurée, les explications sont claires et en bonus, une méthodologie de travail impeccable. Merci Adrien !
Cécile Ruffin-Renaudin
Cécile Ruffin-Renaudin
Publié le 06/06/2025
Excellent pour une première prise en main. Explications simples et claires, on a envie de poursuivre ! Merci
Reza Bassiri
Reza Bassiri
Publié le 28/11/2024
La formation est super clair. Le formateur donne aussi de précieux conseils stylistiques ce qui apporte une touche supplémentaire à un cours technique. Bravo!

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
36,99€ 24€
Promo -35%
Paiement unique, sans abonnement
Accès à vie à cette formation
5h19 de vidéo
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 759 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données