SF34482
2 jours
En présentiel ou distanciel
- 14 heures de formation
- Exercices pratiques
- Prise en charge OPCO possible
Un renseignement ?
Contactez-nous !- En entreprise ou à distance
- Cadrage pédagogique gratuit
- Programme de formation sur mesure
- Formateur expert dédié
- Prise en charge OPCO possible
Formation Figma Perfectionnement.
Passez au niveau avancé sur Figma : composants, variables, responsive et prototypage animé !
Cette formation de perfectionnement vous permet d’exploiter les fonctionnalités avancées de Figma pour concevoir des interfaces web ou mobile en haute fidélité, pensées pour le responsive et prêtes à être partagées avec les équipes (design, produit, développement). Elle s’appuie largement sur la pratique, avec un fil rouge de maquettage (de la basse à la haute fidélité) autour d’un site de location de véhicules de luxe, afin de consolider les méthodes et les bons réflexes DesignOps dans Figma.
Programme de formation Figma Perfectionnement.
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é
Nos autres formations en Analyse, conception et méthodes de développement .
Formation Accessibilité numérique, sensibilisation
Formation Adobe XD
Formation Agile Business Analyst – Approfondissement
Formation Agile Business Analyst – Sensibilisation
Formation AirTable
Formation Algorithmique : initiation
A travers sa Charte Engagement Qualité, Sparks s’engage à tout mettre en œuvre pour que chaque session de formation soit un succès et que votre satisfaction soit totale.
