Figma - UX / UI - Design d'expérience utilisateur

Formation créée le 16/12/2024. Dernière mise à jour le 31/01/2025.
Version du programme : 1

Type de formation

Formation présentielle

Durée de formation

18 heures (3 jours)

Figma - UX / UI - Design d'expérience utilisateur


Objectif général de la formation : Acquérir une maîtrise avancée de Figma pour la conception d'interfaces utilisateur, la création de prototypes interactifs, l'amélioration de la productivité et l'utilisation d'un design système.

Objectifs de la formation

  • Prendre en main Figma pour créer des interfaces et prototypes interactifs.
  • Organiser efficacement les éléments de design avec les styles, composants et grilles.
  • Utiliser les fonctionnalités avancées comme l’autolayout et les plugins.
  • Mettre en place et utiliser un design système complet.
  • Exploiter le Dev Mode pour faciliter la collaboration avec les équipes techniques.

Profil des bénéficiaires

Pour qui
  • Designers UX/UI.
  • Responsables produit et chefs de projet digitaux.
Prérequis
  • Connaissance de base des principes de design UX/UI.
  • Familiarité avec les outils de design d’interfaces.

Contenu de la formation

Découverte de l’outil Figma (1 heure)
  • Interface utilisateur et fonctionnalités principales.
  • Configuration de l’espace de travail et navigation.
Créer des composants et des styles (2 heures)
  • Définir des composants réutilisables.
  • Créer et organiser des styles (couleurs, typographies, effets).
  • Travaux pratiques : Création d’une bibliothèque de styles et de composants.
Utiliser les grilles et l’autolayout (2 heures)
  • Structurer des interfaces avec les grilles.
  • Faciliter l’organisation grâce aux fonctionnalités autolayout.
  • Travaux pratiques : Conception d’une maquette responsive avec autolayout.
Booster sa productivité grâce aux plugins (1 heure)
  • Découverte et installation de plugins utiles (Icons, Unsplash, etc.).
  • Automatisation de tâches répétitives.
  • Travaux pratiques : Intégration de plugins dans un projet Figma.
Construire des prototypes interactifs (2 heures)
  • Créer des flux d’interaction et des animations.
  • Prévisualiser et tester les prototypes.
  • Travaux pratiques : Réalisation d’un prototype interactif pour une interface mobile.
Concevoir et utiliser un design système (3 heures)
  • Introduction au design système : composants, patterns et guidelines.
  • Création d’une bibliothèque partagée pour le projet.
  • Travaux pratiques : Élaboration d’un mini-design système et intégration dans Figma.
Exploiter tout le potentiel du Dev Mode (1 heure)
  • Faciliter la collaboration avec les développeurs.
  • Export des spécifications techniques et assets.
  • Travaux pratiques : Simulation d’un échange entre designer et développeur.
Atelier pratique : Création d’une interface complète (3 heures)
  • Application des compétences acquises pour concevoir une interface utilisateur responsive.
  • Développement d’un prototype interactif.
  • Intégration des styles, composants et plugins.
Analyse et amélioration des projets (2 heures)
  • Présentation des projets réalisés par les participants.
  • Retours et recommandations pour améliorer la conception et le prototypage.
Travail collaboratif et Dev Mode (1 heure)
  • Export et partage des maquettes pour validation et intégration.
  • Travaux pratiques : Exporter un projet complet et générer les spécifications.

Équipe pédagogique

Professionnel expert technique et pédagogique.