Figma Initiation : découverte du maquettage et du prototypage
Apprenez à réaliser des maquettes pour vos sites et applications grâce à notre formation Figma !
Vue d'ensemble
Durant le premier jour de formation, nous vous initierons aux principes de l'UX Design, des outils de maquettage et de l'utilisation de Figma. Vous serez alors à même de concevoir et maquetter vos propres composants pour créer des écrans statiques et dynamiques.
Le deuxième jour de la formation s'ouvre sur l'apprentissage de la conception responsive et vous familiarise avec le concept de bibliothèques de composants réutilisables, essentielles pour un design efficace. L'après-midi, le cours bascule vers la réalisation de prototypes interactifs, les scénarios d'usage, le storyboarding UX ainsi que la collaboration entre utilisateurs Figma. Grâce à nos ateliers pratiques, vous serez à même de transformer vos idées en maquettes fonctionnelles, puis en prototypes interactifs.
Donnez à vos collaborateurs les outils dont ils ont besoin pour exceller dans la conception centrée utilisateur. Inscrivez-les dès maintenant à notre session de formation Figma Initiation et observez leur créativité prendre son envol !
Aucun.
Objectifs pédagogiques
Programme détaillé
Introduction à la formation Figma Initiation
Introduction à l’UX Design et au rôle du maquettage dans une démarche de conception centrée utilisateur
Présentation des outils de maquettage et de Figma
Les pages et les layers
Les principaux outils de dessin
Les formes, contours et effets
Le texte et la typographie
Notion de composant et d’instance
Création d’un composant pour le maquettage d’un bouton textuel
Maquetter un écran statique avec Figma
Du zoning vers la maquette haute fidélité
Conduite d’un atelier de maquettage
Maquettage papier
Architecture de l’information : réaliser un zoning sur Figma
Les groupes, les frames et les sections
Notion de styles typographiques
Styles de couleurs
Les images et l’iconographie
Notion de plugin
Réalisation d’une maquette papier pour un produit tactile
Réalisation d’une maquette Figma statique pour un produit tactile
Vers une maquette responsive
Le responsive design c’est quoi ?
Placement absolu et contraintes par rapport au container
Utilisation des autolayout
Qu’est-ce qu’un composant responsive ?
Créer une bibliothèque de composants réutilisables
Notion d’UI Kit et de design system
Maquettage d’un écran responsive basé sur une bibliothèque de composant
Vers un prototype interactif
Notion de scénario d’usage
Le storyboard UX
Notion de userFow et de prototype dans Figma
Animations et transition entre écrans avec Figma
Exportation et partage d’un prototype
Collaboration et co-conception avec les utilisateurs
Réalisation et partage d’un prototype d’un scénario d’usage
Prochaines sessions
28 juil. 2026
Distance - Français
28 juil. 2026
Grenoble - Français
28 juil. 2026
Toulouse - Français
28 juil. 2026
Aix-en-Provence - Français
28 juil. 2026
Lyon - Français
1 sept. 2026
Paris - Français
1 sept. 2026
Distance - Français
1 sept. 2026
Lille - Français
1 sept. 2026
Nantes - Français
19 oct. 2026
Grenoble - Français
19 oct. 2026
Aix-en-Provence - Français
19 oct. 2026
Toulouse - Français
19 oct. 2026
Distance - Français
19 oct. 2026
Lyon - Français
16 nov. 2026
Paris - Français
16 nov. 2026
Distance - Français
16 nov. 2026
Lille - Français
16 nov. 2026
Nantes - Français
16 déc. 2026
Lyon - Français
16 déc. 2026
Distance - Français
16 déc. 2026
Grenoble - Français
16 déc. 2026
Toulouse - Français
16 déc. 2026
Aix-en-Provence - Français
Avis des participants
Financement
Cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
En savoir plus sur le financement