Figma UI/UX : Cours Complet 2025
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Figma UI/UX : Cours Complet 2025

Luis Claude Campillo Matias
Vente flash ! -49% Jusqu'au 23 décembre, 16:01
30,00€59,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Plongez dans l'univers de Figma avec ce cours complet de design UI/UX pour 2025 !
Que vous soyez débutant ou déjà familiarisé avec les bases du design, cette formation vous guidera à travers chaque étape pour maîtriser Figma et créer des interfaces utilisateurs modernes, fonctionnelles et esthétiques.

Figma UI/UX : Cours Complet 2025

  • Découverte de Figma : Apprenez à naviguer dans l'interface, à organiser vos projets et à utiliser les outils essentiels pour concevoir des designs percutants.
  • Création de prototypes interactifs : Explorez la création d’interfaces dynamiques avec des animations et des interactions complexes pour rendre vos designs vivants.
  • Design System et Autolayout : Créez des systèmes de design cohérents et responsives pour une organisation fluide de vos projets, avec des composants réutilisables.
  • Collaboration et partage : Apprenez à travailler efficacement en équipe en partageant vos fichiers, ajoutant des commentaires et utilisant les fonctionnalités de collaboration de Figma.
  • Exercices pratiques : Mettez en pratique vos connaissances avec des projets concrets, comme la création d'une interface mobile, d'un site PC ou d'une interface comme YouTube.

À la fin de ce cours, vous serez capable de créer des interfaces UI/UX attractives et interactives, d'utiliser des Design Systems, et de collaborer efficacement avec des équipes de développement. Que vous souhaitiez intégrer le design à votre carrière ou améliorer vos compétences, cette formation vous offre toutes les clés pour réussir.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction et présentation de Figma
Chapitre 2
Premiers pas avec les outils de base
Chapitre 3
Collaboration et partage
Chapitre 4
Gestion des layouts et auto layout
Chapitre 5
Creation d'un Design System (UI Kit)
Chapitre 6
Prototypage et interaction
Chapitre 7
Astuces et bonnes pratiques

Plan détaillé du cours

Chapitre 1 : Introduction et présentation de Figma
12m17
 
Leçon 11. Présentation de la formation
Leçon 22. Pourquoi choisir Figma ?
Leçon 33. Lancement figma pour la 1ère fois
Leçon 44. Interface utilisateur de Figma
Leçon 55. Note importante sur la nouvelle interface Figma
Chapitre 2 : Premiers pas avec les outils de base
46m54
 
Leçon 11. La selection et navigation
Leçon 22. Les frames organisation et hierarchie
Leçon 33. Creation de formes simples
Leçon 44. Outils plume et crayon
Leçon 55. Ajout et modification de texte
Leçon 66. Les masques et leur utilité
Leçon 77. Outils boolean pour les formes complexes
Leçon 88. Couleurs et contours
Leçon 99. Les effets ombres flou etc
Leçon 1010. L'alignement et la disposition des éléments
Leçon 1111. Position avancée (responsive)
Leçon 1212. Les grilles et reperes pour structurer vos designs
Leçon 1313. Exporter vos fichiers et projets
Leçon 1414. Presentation de plugins utiles pour figma
Leçon 1515. Recuperer une ancienne version
Chapitre 3 : Collaboration et partage
06m55
 
Leçon 11. Partager et collaborer avec des équipes
Leçon 22. Ajouter des commentaires
Leçon 33. Présentation du dev mode pour les développeurs
Leçon 44. Astuces pour une meilleure organisation dans vos fichiers
Chapitre 4 : Gestion des layouts et auto layout
28m56
 
Leçon 11. Introduction aux autolayouts
Leçon 22. Paramètres avancés min-max
Leçon 33. Utilisation des proprietés pour des designs dynamiques
Leçon 44. Exercices 1
Leçon 55. Exercices 2
Leçon 66. Exercices 3
Chapitre 5 : Creation d'un Design System (UI Kit)
48m09
 
Leçon 11. Introduction au design system
Leçon 22. Importer et utiliser un design system ui kit
Leçon 33. Liste et organisation des composants
Leçon 44. Creer des styles texts couleurs layout et ombres
Leçon 55. Création et utilisation de composants
Leçon 66. Utilisation des variables
Leçon 77. Exporter son ui kit
Chapitre 6 : Prototypage et interaction
46m28
 
Leçon 11. Introduction au prototypage
Leçon 22. Ajouter des animations simples
Leçon 33. Declencheurs et interactions complexes
Leçon 44. Créer son premier bouton interactif
Leçon 55. Prototypage maquettes pc
Leçon 66. Prototypage maquettes mobiles
Chapitre 7 : Astuces et bonnes pratiques
22m02
 
Leçon 11. Comment réaliser un benchmark
Leçon 22. Design tips
Leçon 33. Ou trouver des images libre de droit
Leçon 44. Ou trouver des typographies
Leçon 55. Ou trouver des illustrations
Chapitre 8 : Exercices pratiques
2h15
 
Leçon 11. Introduction aux exercices pratiques
Leçon 22. Exercice 1 - Realiser une interface mobile
Leçon 33. Exercice 2 - Realiser une interface pc
Leçon 44. Exercice 3 - Realiser l'interface youtube
Chapitre 9 : Conclusion
03m58
 
Leçon 11. Ressources complementaires et inspirations
Leçon 22. Conclusion et remerciements

Aperçus

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

Figma

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 30,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1432 tutos gratuits

Notre politique de protection des données