Figma : le cours complet UI/UX en 6 heures (2026)
Un cours complet (6h) pour apprendre Figma, l'outil n°1 du design d'interfaces (UI/UX), et créer des maquettes de sites et d'applications comme un pro. ⚠️ Cours en anglais — les sous-titres français automatiques de YouTube sont disponibles.
- Niveau
- beginner
- Durée
- 0 min
- Leçons
- 1
Figma est l'outil gratuit de référence pour concevoir des interfaces de sites web et d'applications mobiles. Cette formation complète te fait passer de débutant à designer capable de créer de vraies maquettes : bases de l'interface, formes et couleurs, typographie, composants réutilisables, systèmes de design, prototypage interactif et collaboration. Le design UI/UX est une compétence très demandée et bien payée en freelance international, accessible depuis un simple ordinateur. Note importante : le cours est en anglais, mais YouTube propose des sous-titres traduits automatiquement en français ; le vocabulaire est très visuel et se suit bien même avec un anglais moyen.
Objectifs
- Prendre en main l'interface de Figma (gratuit, dans le navigateur)
- Utiliser les formes, les couleurs et la typographie
- Créer des composants réutilisables et des variantes
- Construire une grille et une mise en page responsive
- Mettre en place un petit système de design (styles, tokens)
- Concevoir une maquette de site web et d'application mobile
- Créer un prototype interactif cliquable
- Partager et présenter ses maquettes à un client
Outils nécessaires
- Figma (gratuit) — https://www.figma.com/
- Google Fonts (typographies gratuites) — https://fonts.google.com/
- Unsplash (images libres de droits) — https://unsplash.com/
- Coolors (palettes de couleurs) — https://coolors.co/
Projet final
Exercice 1 — Débutant. Consigne : recrée l'écran d'accueil d'une application mobile simple (logo, titre, image, 2 boutons) en respectant une grille. Livrable : une frame mobile propre dans Figma. Critère de réussite : les éléments sont alignés sur la grille et les couleurs/typographies sont cohérentes. Exercice 2 — Intermédiaire. Consigne : crée un bouton en composant avec au moins 2 variantes (normal, actif) et réutilise-le sur 2 écrans. Livrable : le composant + 2 écrans l'utilisant. Critère de réussite : modifier le composant met à jour automatiquement toutes ses instances. Projet final. Consigne : conçois une maquette de 3 écrans (accueil, détail, contact) d'un site ou d'une app pour une activité locale, puis relie-les en prototype cliquable. Livrable : le lien de partage Figma du prototype. Critère de réussite : on peut naviguer entre les 3 écrans en cliquant, et le design est cohérent (couleurs, marges, typographie).
Sommaire
Aperçu du parcours. Connectez-vous pour ouvrir les leçons en aperçu ou via abonnement.
Parcours principal
- Verrouillé
Figma : le cours complet UI/UX en 6 heures (2026)
0 min