Figma Perfectionnement
Passez au niveau avancé sur Figma : composants, variables, responsive et prototypage animé !
Vue d'ensemble
Bonne maîtrise de Figma, ou avoir suivi une formation d’initiation à Figma.
Objectifs pédagogiques
Programme détaillé
Jour 1 — UI design en basse fidélité (matin)
Place de Figma dans une démarche UX
Pourquoi Figma : repères et adoption
Prise en main de l’environnement Figma
Rappels sur les composants
Exemple : composants d’icônes
Variantes et propriétés de composants
Exploiter un UI kit
Atelier : création d’une carte produit
Jour 1 — Concevoir pour tous les écrans (après-midi)
njeux du responsive design
Responsive adaptatif via variantes
Responsive « fluide » : contraintes et auto-layout
Structuration des calques : frame, groupe, section
Positionnement avec les contraintes
Mise en place de grilles de mise en page
Approfondissement des auto-layout
Ateliers : landing page basse fidélité ; zone “véhicules les plus prisés”
Jour 2 — UI design en haute fidélité (matin)
Panorama des plugins Figma
Design visuel : repères, tendances et notion d’affordance
Variables, modes et design tokens
Charte graphique et identité visuelle
Couleurs : styles et variables
Typographie : styles et variables
Décliner un design en thèmes (ex. dark mode)
Atelier : landing page haute fidélité avec mode sombre
Jour 2 — Co-conception et prototypage avec clients/utilisateurs (après-midi)
Prototypage interactif : transitions, variantes, overlays
Animations avancées : variantes et smart animate
États de chargement : loader et skeleton via variantes
Collaboration designers / développeurs / parties prenantes
Partage et export d’un prototype
Présentation du dev mode
Fonctions IA intégrées
Plugins (exemples : AttentionInsight, FreePik…)
Introduction à Figma Make et Figma Site
Atelier : création d’un carrousel animé
Prochaines sessions
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