Public concerné
- Designers d'interface qui utilisent déjà Figma
- Toute personne ayant suivi l'une de nos formations "Figma Niveau 1" ou "L'Essentiel de l'UI Design avec Figma" et souhaitant aller plus loin
Prérequis
- Utiliser Figma régulièrement ou avoir suivi une première formation Figma
- Maîtriser la fonctionnalité "auto-layout" et la création de composants de base
- Être à l'aise avec le maniement des outils informatiques et avoir des bases solides en design d'interface
Objectifs de formation
- Utiliser pleinement les fonctionnalités de Figma
- Concevoir des livrables complexes pour le web : design tokens (variables et styles), maquettes graphiques responsive, librairie de composants, prototype interactif
- Travailler efficacement en équipe (avec d'autres designers ainsi que des développeurs)
Programme de votre formation
-
#
M2I START AVANT VOTRE FORMATION
Contextualisation du projet de formation et prise en compte des besoins de chacun
- Positionnement initial de l’apprenant par rapport aux objectifs
- Définition des priorités et des objectifs personnels de l’apprenant
- Vidéos de mise en situation
- Accès au Chat interactif myM2i pour interagir avec les membres de son groupe
-
#
M2I LIVE VOTRE FORMATION ANIMÉE PAR NOTRE EXPERT ¹
Programme
Maîtriser les fonctionnalités avancées
Création d'un guide de style complet
- Découverte de la logique de tokens à appliquer aux composants
- Prise en main des variables et des modes
- Création de tokens comme : les couleurs, les typographies, les tailles, les espacements, les bords-arrondis, etc.
- Gestion d'un mode light et d'un mode dark
- Création d'une bibliothèque de composants avancés
- Créer des composants avec la méthode Atomic Design
- Concevoir des composants avec de nombreuses propriétés (variants)
- Découverte de la fonctionnalité Slot
- Créer des composants responsives
Concevoir une interface complexe et la prototyper
- Concevoir des maquettes à partir d'une bibliothèque de composants
- Créer des pages responsives en suivant les bonnes pratiques
- Modifier les variables attribuées aux composants en fonction de l'environnement dans lequel ils se trouvent
- Prototypage et création de micro-interaction
- Concevoir une micro-interaction pour changer de mode (light / dark)
- Créer des micro-interactions avec des conditions
- Prise en main de Figma Make pour la création de prototypes assistée par IA
- Comprendre le MCP Figma et ses possibilités
- Introduction au MCP Figma et à ses possibilités pour les designers
- Créer des variables grâce à l'IA
- Créer des composants grâce à l'IA
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
-
#
M2I BOOST APRÈS VOTRE FORMATION
Réactivation et consolidation des acquis en situation de travail
- 30 jours d’accompagnement personnalisé sur myM2i inclus ²
- Ressources Boosters (Abonnement au M2i’Mag Soft Skills, formations offertes, invitations aux conférences d’actualité…)
- ¹ Les actions et les outils présentés dans ce programme le sont à titre indicatif et peuvent faire l’objet d'adaptation selon les niveaux, prérequis et besoins des apprenants. Les compétences clés de ce programme sont traitées à raison d'une compétence par demi-journée de formation.
- ² Sur myM2i, pendant 30 jours post-fin de formation, les apprenants disposent d’une messagerie sécurisée pour échanger, dans la limite de 4 sollicitations, avec leur formateur.
Modalités, méthodes et moyens pédagogiques
Modalités d'évaluation - évaluation en 3 phases :
Pendant la formation : un bilan journalier effectué par l'intervenant.
À chaud : à la fin de la formation, un bilan qualité pour mesurer l'atteinte des objectifs.
À froid : à J + 3 mois, une évaluation du transfert des acquis en situation professionnelle.
Matériel et logiciels nécessaires pour suivre cette formation :
Formation en présentiel : les ordinateurs sont équipés des logiciels nécessaires au suivi de cette formation.
Formation en distanciel : il est recommandé de se munir d'un double écran. S'il y a lieu, des accès à Figma pourront être créés par Pyramyd et vous seront communiqués en formation.
Formation en intra-entreprise : il est recommandé de se munir d'un double écran. Installer Figma au préalable.
Équipe pédagogique et techniques pédagogiques :
Un consultant expert de la thématique et une équipe pédagogique en support du stagiaire pour toute question en lien avec son parcours de formation.
Alternance de théorie, de démonstrations par l'exemple et de mise en pratique grâce à de nombreux exercices individuels ou collectifs.
Exercices, études de cas et cas pratiques rythment cette formation.
Ressources pédagogiques :
Un support de formation présentant l'essentiel des points vus durant la formation et proposant des éléments d'approfondissement est téléchargeable sur notre plateforme.
Modalités d’évaluation des acquis
- En cours de formation, par des exercices pratiques
- Et, en fin de formation, par un questionnaire d'auto-évaluation
Accessibilité de la formation
Le groupe M2I s'engage pour faciliter l'accessibilité de ses formations. Toutes nos formations sont accessibles aux personnes en situation de handicap : les détails de l'accueil des personnes sont consultables sur la page Accueil Handicap
Modalités et délais d’accès à la formation
Les formations M2I sont disponibles selon les modalités proposées sur la page programme. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation. Dans le cas d'une formation financée par le CPF, ce délai est porté à 12 jours ouvrés.
