Figma Masterclass

Apprenez à concevoir des interfaces modernes, intuitives et adaptées aux besoins des utilisateurs avec Figma. De la création des premières maquettes au prototype interactif, vous découvrirez les principes essentiels de l’UI/UX, le responsive design, les composants et les Design Systems. Le cours aborde également les fonctions d’intelligence artificielle et les bonnes pratiques pour structurer et partager un projet professionnel. Des cas pratiques à choix permettent de mettre immédiatement les connaissances acquises en application.

Public visé

Cette formation s’adresse à toute personne souhaitant apprendre à concevoir des interfaces web et mobiles modernes avec Figma : débutants en UI/UX, graphistes, web designers, développeurs, chefs de projet, professionnels du digital ou personnes en reconversion souhaitant acquérir des compétences en conception d’interfaces et en expérience utilisateur.

Prérequis

Aucune connaissance préalable de Figma ou de l’UI/UX n’est nécessaire. Une bonne maîtrise générale de l’ordinateur et de la navigation sur Internet est suffisante.

Les participants doivent disposer d’un ordinateur avec une connexion Internet et pouvoir créer ou utiliser un compte Figma.

Contenu

1. Introduction à l’UI/UX

Introduction au design d’interface (UI) et à l’expérience utilisateur (UX)
Principes fondamentaux de l’UI/UX
Design Thinking et compréhension des besoins utilisateurs

2. Prise en main de Figma

Installation, inscription et découverte de Figma
Interface et environnement de travail
Calques, groupes et frames
Outils fondamentaux de conception
Propriétés de design et stylisation des éléments
Scénarios et parcours utilisateurs
Wireframing et maquettes de moyenne fidélité

3. Fondamentaux du design d’interface

Théorie et utilisation des couleurs
Création d’un moodboard
Principes de typographie
Mise en page et Auto Layout
Guides et organisation visuelle
Composants et UI Kits
Outils de dessin : plume et pinceau
Analyse et comparaison d’interfaces
Création et intégration de contenu

4. Interactions et prototypage

Principes du prototypage
Création et organisation des flux
Interactions de navigation
Prototypage haute fidélité
Défilement horizontal, vertical et bidirectionnel
Overlays et fenêtres pop-up
Menus et listes déroulantes
Menu hamburger
Formulaires et boutons interactifs
Calendriers interactifs
Sliders et carrousels
Animations de composants

5. Composants et techniques avancées

Composants avancés et variantes
Création de composants réutilisables
Organisation et gestion des styles
Boutons et effets graphiques avancés
Conception responsive
Prototypage avancé

6. Fondamentaux de l’expérience utilisateur

Principes fondamentaux du design UX
Les facteurs clés de l’expérience utilisateur
Empathie et compréhension des utilisateurs
Introduction à la recherche utilisateur
Conception et réalisation d’enquêtes

7. Collaboration et transmission

Collaboration et communication dans Figma
Commentaires et annotations
Organisation des fichiers de conception
Préparation des maquettes pour le hand-off
Documentation du projet

8. Méthodologie et bonnes pratiques

Processus : réfléchir, configurer, concevoir et itérer
Bonnes pratiques dans Figma
Structuration et organisation des projets
Optimisation des méthodes de travail
Conception d’interfaces professionnelles

9. Design System et conception à grande échelle

Principes d’un Design System
Styles et composants réutilisables
Conception efficace et évolutive
Bibliothèques de composants
Bibliothèques externes
Documentation d’un Design System
Maintenance et évolution du système de design

10. Intelligence artificielle appliquée au design

Génération et modification d’images avec l’IA
Rédaction et optimisation de contenus avec l’IA
Génération de concepts et de brouillons
Création de wireframes assistée par IA

11. Cas d’exemples (propositions à choix)

Conception d’une application de réservation
Conception d’un site web pour une startup
Conception d’une plateforme de contenu multimédia
Création d’une Landing Page responsive
Création d’un site e-commerce responsive avec parcours d’inscription
Création d’un tableau de bord de plateforme crypto avec parcours de conversion d’actifs
Création d’une application mobile de traduction
Création d’une application bancaire avec parcours d’envoi d’argent
Création d’une application de location de voiture avec parcours de réservation

Résumé