Catalogue
UI design avec Figma
119 $US149 $US

Paiement unique · Accès à vie

  • Cours écrits, exercices corrigés et narration vocale
  • Mises à jour offertes
Web design/Tous niveaux

UI design avec Figma

Maîtrise Figma pour créer tes interfaces web

2 h 038 leçonsTous niveaux

Apprends à concevoir des interfaces modernes et fonctionnelles en utilisant toute la puissance de Figma. Cette formation pour débutants t'initie aux outils de dessin vectoriel, à la gestion des styles et à la création de composants réutilisables. Tu apprendras à organiser tes frames et calques efficacement pour maintenir un projet propre. La méthode repose sur la pratique immédiate : tu concevras étape par étape une interface de tableau de bord intuitive, en respectant les principes fondamentaux de la typographie et de la hiérarchie visuelle. Ce parcours s'adresse aux profils souhaitant se lancer dans le UI design sans prérequis techniques. À travers des exercices concrets, tu réaliseras des prototypes interactifs simples qui simulent une navigation réelle. À la fin du cours, tu seras capable de transformer une idée brute en une maquette haute fidélité exploitable par des développeurs ou prête pour une présentation client.

Cours pédagogiques générés par IA à partir du titre, avec des versions débutant, intermédiaire et avancé à choisir à chaque leçon. Lecture écrite, narration française naturelle, illustrations et quiz de 10 questions, sans supplément par niveau.

Ce que tu sauras faire

  • Maîtriser les outils de dessin vectoriel et de typographie dans Figma
  • Créer une bibliothèque de composants UI réutilisables
  • Appliquer les règles de hiérarchie visuelle et d'espacement
  • Réaliser un prototype interactif avec des transitions fluides
  • Exporter des assets optimisés pour l'intégration web ou mobile

Programme

8 leçons

01

Configuration de ton espace de travail

Apprends à organiser tes fichiers, utiliser les raccourcis clavier essentiels et configurer les grilles de mise en page pour poser des bases de travail solides et professionnelles dès le début.

Ouvrir la leçon
02

Dessin vectoriel et formes de base

Découvre les techniques de manipulation des courbes de Bézier et des vecteurs pour créer des icônes sur mesure qui donneront une identité unique à tes futures interfaces de design.

16 min
03

Gestion des styles textuels et colorimétriques

Centralise tes choix de polices et tes palettes de couleurs dans le panneau styles pour assurer une cohérence graphique parfaite sur l'ensemble de tes écrans de travail au quotidien.

15 min
04

Création de tes premiers composants

Apprends à transformer des éléments répétitifs en composants intelligents pour gagner un temps précieux lors de tes prochaines itérations et garantir la mise à jour automatique de tes maquettes.

15 min
05

Conception d'une grille de navigation

Structure la navigation de ton interface en respectant les standards UX afin d'offrir une expérience utilisateur fluide et intuitive dès la première interaction avec ton produit numérique en développement.

15 min
06

Utilisation des Auto Layouts complexes

Maîtrise la fonction Auto Layout pour créer des interfaces adaptatives qui réagissent intelligemment au contenu, te permettant de concevoir des blocs flexibles sans avoir à redessiner manuellement chaque zone.

14 min
07

Prototypage dynamique et interactions

Relie tes frames avec des déclencheurs et des animations fluides pour transformer tes maquettes statiques en une expérience interactive qui simule parfaitement le fonctionnement réel de ton application web.

16 min
08

Finalisation et export de maquettes

Prépare ton projet pour le partage en organisant tes assets, en nommant proprement tes calques et en générant des liens de prévisualisation clairs pour tes collaborateurs ou tes clients finaux.

16 min

Les leçons se débloquent après l'achat.