Objectifs
A l’issue de la formation les participants seront capable de :
- Comprendre l’interface et les fondamentaux de Figma
- Créer et organiser des maquettes d’interface utilisateur
- Utiliser composants, styles et librairies partagées
- Prototyper et tester des interfaces
- Collaborer efficacement en équipe sur Figma
Public visé
- UI / UX Designers
- Graphistes et webdesigners
- Développeurs front-end
- Chef de projet
Prérequis
Avoir une culture générale en design numérique
Durée de la formation (en jours)
3
Durée de la formation (en heures)
21
Sessions
Intra
Sur demande
Sessions
Inter
Sessions à venir
Tarif
1800€ TTC (TVA 0%) / stagiaire
Contenu
🔹 Chapitre 1 – Introduction et Fondamentaux de l’Interface
🎯 Objectif : Maîtriser l’environnement de travail et les outils de création de base
Contenu :
- Découverte de l’interface, des calques et gestion des pages
- Création de fichiers et manipulation des outils de dessin (Frames, Shapes, Texte)
- Importation et gestion des ressources externes (Images, Icônes, SVG)
- Organisation de l’espace de travail pour un flux de production optimal
🔹 Chapitre 2 – Bases du Design UI et Mise en page dynamique
🎯 Objectif : Concevoir des interfaces structurées et adaptables
Contenu :
- Utilisation des grilles de mise en page et des contraintes
- Maîtrise de l’Auto-layout pour des designs responsifs
- Création et application de styles (Texte, Couleurs, Effets)
- Principes d’alignement, d’espacement et de hiérarchie visuelle
🔹 Chapitre 3 – Composants et Design Systems
🎯 Objectif : Industrialiser ses créations via des bibliothèques réutilisables
Contenu :
- Création, instance et gestion de composants
- Utilisation des Variants et des propriétés de composants avancées
- Structuration et publication d’une librairie partagée
- Maintenance et mise à jour globale d’un système de design
🔹 Chapitre 4 – Prototypage et Interactions
🎯 Objectif : Transformer des maquettes statiques en prototypes interactifs
Contenu :
- Création de flux de navigation et de transitions entre écrans
- Mise en œuvre d’animations et de micro-interactions (Smart Animate)
- Prévisualisation sur différents supports et conduite de tests utilisateurs
- Gestion des Overlays et des états interactifs
🔹 Chapitre 5 – Collaboration et Productivité
🎯 Objectif : Travailler efficacement en équipe et optimiser son workflow
Contenu :
- Partage de fichiers, gestion des droits et mode « Dev Mode »
- Collaboration en temps réel : commentaires, feedback et curseurs nommés
- Versioning : historique des fichiers et gestion des branches
- Écosystème Figma : exploitation des plugins et outils d’idéation (FigJam, AI)
🔹 Atelier fil rouge – Moyens pédagogiques
🎯 Objectif : Réaliser une maquette complète de bout en bout
Contenu :
- Exercice pratique : recréer une interface mobile ou web complexe
- Application de l’Auto-layout et des composants sur un cas réel
- Présentation du prototype interactif finalisé
- Revue de projet collaborative et corrections en direct
Moyens pédagogiques et techniques
Diaporama
Cas pratiques
Méthode d’évaluation
QCM de fin de formation / mise en situation
Attestation de fin de formation
Accessibilité
Cette formation est accessible à toutes personnes en situation en handicap. En cas de besoin d’adaptation, prendre contact avec le référent handicap
Nombre de formateurs
NC*
Nombre de participants
NC*
Satisfaction générale
NC*
*Non communiqué : Les chiffres seront mis à jours après la première formation.
Modalités d’accès aux formations
L’accès à nos formations peut être initié, soit par l’employeur, soit à l’initiative du salarié avec l’accord de ce dernier. Nos formations sont accessibles selon les modalités ci-dessous :
Les modalités de formation :
- En inter-entreprises, c’est-à-dire en groupes d’apprenants provenant de différentes entreprises
- En intra-entreprise, c’est-à-dire en groupes d’apprenants de la même entreprise
Les formations peuvent avoir lieu :
- En présentiel dans nos locaux ou dans les locaux de nos partenaires,
- En présentiel dans les locaux de votre entreprise (sous réserve d’adéquation)
Les modalités de financement de la formation :
- Plusieurs modes de financement vous permettent d’accéder à nos formations en tant que salarié via l’OPCO de votre entreprise ou en tant que chef d’entreprise ou indépendant.
Hesias Formations actualise régulièrement le portail regroupant l’ensemble des sessions inter-entreprises.
Afin de pouvoir garantir une entrée en formation à la date fixée, vous devrez nous faire parvenir la convention de formation signée avant le début de l’entrée en formation.