Notre formation Figma Avancée est conçue pour les professionnels souhaitant perfectionner leur maîtrise d’un logiciel de design graphique dédié aux interfaces web, mobiles, et responsives.
Figma continue de révolutionner le domaine des logiciels de conception en favorisant la collaboration entre designers, chefs de produit et développeurs. Contrairement à des logiciels plus généralistes comme Photoshop ou Illustrator, Figma est entièrement dédié à la conception d’interfaces et d’écosystèmes applicatifs. Bien qu’il soit facile à prendre en main et gratuit, Figma dévoile toute sa puissance avec des fonctionnalités avancées permettant d’organiser et de partager efficacement les éléments de design : pages, composants dynamiques, polices, couleurs, chartes graphiques, tout y est.
Cette formation met l’accent sur la pratique avancée de l’outil. Notre formateur/consultant expert en UI design vous accompagnera dans l’utilisation des fonctionnalités avancées de Figma et dans la création de maquettes complexes. Vous apprendrez à utiliser l’Auto-Layout, les contraintes, les variants, les tokens de design, et bien plus encore pour créer des designs modulaires et responsives. Vous découvrirez également comment créer des prototypes détaillés avec des animations et micro-interactions, et collaborer efficacement avec votre équipe grâce aux espaces d’équipe et aux fonctionnalités de partage.
Cette formation nécessite une maîtrise intermédiaire de Figma et des expériences préalables en conception d’interfaces. Une bonne connaissance générale des outils informatiques est également requise pour tirer pleinement parti de ce programme avancé.
Pré-requis
Maîtrise intermédiaire de Figma et expériences préalables en conception d’interfaces.
Pour participer à une formation Figma de niveau expert, les participants devraient être compétents et avoir une expérience pratique avec les fonctionnalités avancées suivantes de Figma :
- Connaissance de l’interface de Figma : Savoir naviguer dans l’interface et utiliser les outils de base.
- Manipulation de base des éléments : Être capable d’ajouter, déplacer, et redimensionner des objets.
- Utilisation des calques : Comprendre comment organiser et gérer des calques dans Figma.
- Création et application des styles : Savoir créer des styles pour les textes et les couleurs.
- Introduction aux composants : Avoir une notion de base sur la création et l’utilisation des composants.
- Fonctionnalités de collaboration : Connaissance des fonctions de partage et de commentaire dans Figma.
Public concerné
Professionnels du design ayant une expérience avec Figma : UI/UX designers, chefs de projet digital, concepteurs d’interface, responsables produit, et designers d’expérience utilisateur.
Les Objectifs
À l’issue de la formation, vous pourrez :
- Comprendre et utiliser efficacement des fonctionnalités comme l’Auto-Layout, les contraintes, et les variants pour des designs responsives et modulaires.
- Implémenter et gérer des tokens pour les couleurs, typographies, et espacements, assurant ainsi la cohérence visuelle à travers les différents projets.
- Créer des prototypes détaillés avec des animations et des micro-interactions pour améliorer l’expérience utilisateur.
- Collaborer efficacement avec des équipes de développement et d’autres designers en utilisant des espaces d’équipe, des fonctionnalités de partage, et de gestion des permissions.
- Utiliser des plugins et widgets pour automatiser les tâches répétitives et optimiser les flux de travail de design.
- Préparer et documenter efficacement les spécifications des projets de design pour une transmission fluide aux équipes de développement.
Le programme
JOUR 1 : Révision et renforcement des acquis avec Figma
Mise à jour des compétences :
-
- Raccourcis et astuces pour travailler plus vite
- Maîtriser les contraintes et l’Auto-Layout
- Utilisation avancée des composants et des variants
Exercice pratique : Intégration des contraintes, Auto-Layout, composants et variants dans un projet concret.
Collaboration efficace avec Figma :
-
- Utiliser les espaces d’équipe et partager des fichiers
- Gérer les permissions pour une collaboration sans faille
- Organiser efficacement les pages et fichiers pour les workflows d’équipe
Exercice pratique : Appliquer les retours via les commentaires, suivre le cycle de vie du composant, et comparer les modifications en restaurant une version antérieure.
JOUR 2 : Techniques de design avancées dans Figma
Les tokens de design :
-
- Comprendre les design tokens et leurs bénéfices
- Utilisation pratique des tokens pour les couleurs, typographies et espacements
- Application des tokens aux animations et micro-interactions
Exercice pratique : Appliquer des tokens à des composants et écrans de prototypes, intégrer des animations de base et créer des micro-interactions.
Projet réel de design :
Exercice pratique : Développer une application ou un site web en utilisant des composants dynamiques, des contraintes, l’Auto-Layout et des tokens. Intégrer des micro-interactions pour tester et affiner les prototypes.
JOUR 3 : Intégration et automatisation pour une collaboration efficace
Optimisation des flux de travail et livraison :
-
- Présentation des plugins et outils compatibles avec Figma (storybook, zeroheight)
- Stratégies pour optimiser les livraisons avec les équipes de développement
Évaluation et perfectionnement :
-
-
- Présentation des projets par les participants et feedback personnalisé
- Discussion sur les meilleures pratiques pour la livraison de projets de design
-
Les modalités pédagogiques
Chaque participant accède aux outils pédagogiques suivants :
- Le support de formation
- Un accès à Figma
- Un KIT de composants graphiques
- Le livre UX design et ergonomie des interfaces
- Les modèles de fichiers nécessaires à la réalisation des travaux pratiques
- Une bibliographie
- Une liste de liens utiles créée par le formateur
- Un groupe Slack pour échanger avec le formateur
Le distanciel
- Le nombre de participants est limité à 8 personnes
- Le formations sont séquencées en module de 1h30 maximum
- Des pauses sont aménagées après chaque module
- Vous accédez à nos outils collaboratifs : Miro, Figma Jam, Google Drive, Slack
Nos formateurs : Des experts du terrain
Usabilis se distingue des organismes de formations classiques : l’expérience du consultant des formateurs permet d’agrémenter le contenu de la formation d’exemples concrets et de transmettre leur expérience acquise sur le terrain.
La Faq
Toutes nos formations sont éligibles aux financements suivants selon que vous soyez :
- Salariés des TPE-PME : OPCO-EP, AKTO, AFDAS, Atlas
- Indépendants et chefs d’entreprises : FIF-PL, AGEFICE
- Freelances affiliés à la MDA : AFDAS
- Demandeurs d’emploi : Pôle Emploi ( ARE et CSP, AIF )
Pour vous conseiller sur le financement de votre formation contactez nous au 01 57 63 86 58.
Nos labels qualité
Nos formations ont reçu le label du référentiel Qualiopi qui atteste de la qualité des processus mis en œuvre par Usabilis dans les actions de formation qu’il propose (information, accueil, suivi, …).
Nos formations ont reçu le label qualité du référentiel Data-dock, elles sont donc éligibles à un financement total ou partiel par de nombreux OPCO.
Personnes en situation de handicap : merci de nous contacter au 09 80 44 76 70 pour nous permettre d’évaluer avec vous la possibilité d’adaptation de notre formation à vos besoins.
Les formations qui pourraient vous intéresser
Formation Design Graphique
Les bons réflexes pour concevoir une interface graphique
3-4 octobre 2024
Formation Figma
Maîtriser Figma : le logiciel de conception d'interface
19-20 septembre 2024
Design System
Mettre en place un Design System et les règles du design orienté objet