Figma Perfectionnement pour le design d'interface (UX/UI)
Télécharger le programme Votre formation en détail
Etudions ensemble vos options de financement
Contactez-nous pour monter votre dossier !
14 heures sur 2 jours
à Paris & à distance
(Zoom, Google Meet, etc.).
1 350 € HT / personne
Etudions ensemble vos options
de financement
Objectifs de la formation
Figma Perfectionnement pour le design d'interface (UX/UI)
d'acquérir une méthodologie optimisée dans la construction de projets Figma,
d'optimiser votre workflow avec des fonctionnalités avancées ou de plugins Figma,
d'élaborer un mode de travail collaboratif sur les projets
Pré-requis pour suivre cette formation
Avoir une bonne maîtrise des fonctionnalités de base de Figma et/ou avoir suivi la formation Figma Initiation. Une bonne connaissance des principes de conception UXI/UX et du webdesign est recommandée
A qui s'adresse cette formation ?
Graphiste, webdesigner, UI Designer, UX Designer, chef de projet ou toute personne devant utiliser Figma dans le cadre de la conception et création d'interface.
Formations recommandées
Au programme de la formation
Figma Perfectionnement pour le design d'interface (UX/UI)
Préambule sur Figma- Découvrir les dernières actualités du logiciel Figma
Acquérir une méthodologie optimisée dans la construction de projets Figma- Analyser des ressources et modèles de fichiers de design system
- Acquérir une bonne convention de nommage (files, pages, sections, frames, layers, styles, components…)
- Mettre en place des styles de forme, de texte, d'effets, de grille partagés
- Créer des composants et exploiter les fonctionnalités de personnalisation des instances (textes, images) et les contraintes de redimensionnement
- Organiser ses composants dans des projets, fichiers, pages, frames
Optimiser votre workflow avec des fonctionnalités avancées- Automatiser les positions des éléments avec les autolayout
- Gérer les exceptions avec l'absolute positionning
- Accéder directement aux banques d'images et d'icônes
- Renommer, réorganiser les calques et frames en masse
- Créer des composants complexes (propriétés : variants, bolean, instance, text)
- Automatiser les transformations des éléments sur les différents devices
Optimiser votre workflow avec des plugins Figma- S'assurer de l'accessibilité
- Disposer de faux contenu (textes et images)
- Accéder directement aux banques d'images et d'icônes
- Supprimer les arrières plan des images
- Créer et importer, mettre à jour des contenus personnalisés (textes et images)
- Créer et gérer un système d'espace
- Nettoyer, optimiser les fichiers
Créer un prototype avancé avec des animations- Maîtriser les différentes possibilités d'interactions et d'animations
- Mettre en place des interactions sur les components
- Ajouter et éditer des gifs et videos dans les prototypes
- Différencier Navigate To, Open Overlay et Swap With
- Visionner ses écrans ou son prototype sur une interface desktop et mobile
Élaborer un mode de travail collaboratif sur les projets- Appréhender l'espace de travail Figma (Team, Project, File, Branch, History)
- Partager son fichier, son projet, son équipe avec des "collaborateurs" ou "viewers"
- Ajouter et gérer des librairies partagées par plusieurs documents
- Analyser des ressources et modèles de fichiers de design system
- Acquérir une bonne convention de nommage (files, pages, sections, frames, layers, styles, components…)
- Mettre en place des styles de forme, de texte, d'effets, de grille partagés
- Créer des composants et exploiter les fonctionnalités de personnalisation des instances (textes, images) et les contraintes de redimensionnement
- Organiser ses composants dans des projets, fichiers, pages, frames
Optimiser votre workflow avec des fonctionnalités avancées- Automatiser les positions des éléments avec les autolayout
- Gérer les exceptions avec l'absolute positionning
- Accéder directement aux banques d'images et d'icônes
- Renommer, réorganiser les calques et frames en masse
- Créer des composants complexes (propriétés : variants, bolean, instance, text)
- Automatiser les transformations des éléments sur les différents devices
Optimiser votre workflow avec des plugins Figma- S'assurer de l'accessibilité
- Disposer de faux contenu (textes et images)
- Accéder directement aux banques d'images et d'icônes
- Supprimer les arrières plan des images
- Créer et importer, mettre à jour des contenus personnalisés (textes et images)
- Créer et gérer un système d'espace
- Nettoyer, optimiser les fichiers
Créer un prototype avancé avec des animations- Maîtriser les différentes possibilités d'interactions et d'animations
- Mettre en place des interactions sur les components
- Ajouter et éditer des gifs et videos dans les prototypes
- Différencier Navigate To, Open Overlay et Swap With
- Visionner ses écrans ou son prototype sur une interface desktop et mobile
Élaborer un mode de travail collaboratif sur les projets- Appréhender l'espace de travail Figma (Team, Project, File, Branch, History)
- Partager son fichier, son projet, son équipe avec des "collaborateurs" ou "viewers"
- Ajouter et gérer des librairies partagées par plusieurs documents
- S'assurer de l'accessibilité
- Disposer de faux contenu (textes et images)
- Accéder directement aux banques d'images et d'icônes
- Supprimer les arrières plan des images
- Créer et importer, mettre à jour des contenus personnalisés (textes et images)
- Créer et gérer un système d'espace
- Nettoyer, optimiser les fichiers
Créer un prototype avancé avec des animations- Maîtriser les différentes possibilités d'interactions et d'animations
- Mettre en place des interactions sur les components
- Ajouter et éditer des gifs et videos dans les prototypes
- Différencier Navigate To, Open Overlay et Swap With
- Visionner ses écrans ou son prototype sur une interface desktop et mobile
Élaborer un mode de travail collaboratif sur les projets- Appréhender l'espace de travail Figma (Team, Project, File, Branch, History)
- Partager son fichier, son projet, son équipe avec des "collaborateurs" ou "viewers"
- Ajouter et gérer des librairies partagées par plusieurs documents
- Appréhender l'espace de travail Figma (Team, Project, File, Branch, History)
- Partager son fichier, son projet, son équipe avec des "collaborateurs" ou "viewers"
- Ajouter et gérer des librairies partagées par plusieurs documents
Méthode pédagogique
8 participants maximum, un poste par stagiaire et un support de cours est envoyé en fin de stage (vidéos tutorielles et/ou support spécifique). La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices applicatifs et/ou ateliers.
Accessibilité
Cette formation est accessible aux personnes en situation de handicap.
Modalité de validation des acquis
Évaluation continue via des exercices applicatifs et/ou des ateliers de mise en pratique. Évaluation en fin de stage par la complétion d'un questionnaire et/ou d'une certification officielle issue du Répertoire Spécifique. Émargement quotidien d'une feuille de présence (en présentiel ou en ligne). Complétion par le formateur/la formatrice d'un suivi d'acquisition des objectifs pédagogiques. Remise d'une attestation individuelle de réalisation.
Demander des informations
Vous souhaitez en savoir plus ou directement vous inscrire à une session ?
Contactez-nous pour monter votre dossier !
Les avis de nos stagiaires sur cette formation
Formations similaires
Ces formations pourraient vous intéresser