Figma design d'interfaces
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 design d'interfaces
Utiliser les fonctionalités de Figma pour le design d'intefaces
Construire des fichiers Figma avec une méthodologie optimisée
Elaborer un mode de travail collaboratif sur les projets
Pré-requis pour suivre cette formation
Une bonne connaissance du Web et du webdesign est conseillée. Avoir une bonne maîtrise d'autres logiciels de design
A qui s'adresse cette formation ?
Graphiste, webdesigner, UI Designer, UX Designer, ou toute personne devant utiliser le logiciel dans le cadre de la conception et création d'interface.
Formations recommandées
Au programme de la formation
Figma design d'interfaces
Préambule sur Figma- Découvrir les dernières actualités du logiciel Figma
Designer des interfaces web et app avec Figma- Analyser des ressources et modèles de fichiers de design d'interfaces Explorer les différentes vues : Draw (IA), Design (édition), DevMode (handoff)
- 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
- Déployer ses écrans responsive ou app
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
- 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
- Créer et importer, mettre à jour des contenus personnalisés (textes et images) Exploiter des plugins d'ai génératives (intelligences articielles)
- Connaître des plugins d'ai analytiques
Créer un prototype simple- Distinguer 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
- 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 ses fichiers, prototypes, bibliothèques, templates
- Documenter la Focus View pour les développeurs
- Analyser des ressources et modèles de fichiers de design d'interfaces Explorer les différentes vues : Draw (IA), Design (édition), DevMode (handoff)
- 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
- Déployer ses écrans responsive ou app
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
- 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
- Créer et importer, mettre à jour des contenus personnalisés (textes et images) Exploiter des plugins d'ai génératives (intelligences articielles)
- Connaître des plugins d'ai analytiques
Créer un prototype simple- Distinguer 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
- 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 ses fichiers, prototypes, bibliothèques, templates
- Documenter la Focus View pour les développeurs
- S'assurer de l'accessibilité
- Disposer de faux contenu (textes et images)
- Accéder directement aux banques d'images et d'icônes
- Créer et importer, mettre à jour des contenus personnalisés (textes et images) Exploiter des plugins d'ai génératives (intelligences articielles)
- Connaître des plugins d'ai analytiques
Créer un prototype simple- Distinguer 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
- 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 ses fichiers, prototypes, bibliothèques, templates
- Documenter la Focus View pour les développeurs
- Appréhender l'espace de travail Figma (Team, Project, File, Branch, History)
- Partager ses fichiers, prototypes, bibliothèques, templates
- Documenter la Focus View pour les développeurs
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
