Figma - UX / UI - Design d'expérience utilisateur
5-069
Besoin d’adapter cette formation à vos besoins ?
N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure !
Formation créée le 14/11/2024. Dernière mise à jour le 06/03/2025.
Version du programme : 1
Programme de la formation Version PDF
Bienvenue à notre formation sur Figma ! Dans cette session, vous découvrirez comment cet outil de design collaboratif révolutionne la création d’interfaces. Que vous soyez débutant ou designer expérimenté, vous apprendrez à utiliser Figma pour concevoir des prototypes interactifs, collaborer en temps réel avec votre équipe et optimiser votre flux de travail. Préparez-vous à libérer votre créativité et à transformer vos idées en designs concrets ! Cette formation a pour but d'amener les apprenants à un niveau SAME "Maîtrise" et d'enrichir les compétences : * S’approprier les modélisations et les configurations existantes * Maîtriser les méthodes de conception des solutions informatiques du système d'information * Identifier les indicateurs pertinents qui permettront de retenir une solution informatique prenant en compte les facteurs du développement durable * Maîtriser le développement d’une solution informatique, répondant aux besoins du SI en faisant les choix adaptés des technologies, des matériels et des logiciels * Définir les nouveaux workflows (flux d’information)
Objectifs de la formation
- Prendre en main l’outil
- Créer des composants
- Créer des styles
- Utiliser les grilles et fonctionnalités d’autolayout
- Construire des prototypes interactifs
- Booster sa productivité grâce aux plugins
- Concevoir et utiliser un design système
- Exploiter tout le potentiel du Dev mode
Profil des bénéficiaires
- Webdesigners
- Graphistes
- UX designer
- UI designer
- Chef de projet
- Développeur
- Avoir une bonne connaissance web
- Avoir une expérience en conception, développement ou gestion d’un projet web
- Avoir une sensibilité au graphisme et à l’ergonomie
- Avoir suivi notre formation Figma Initiation ou maitriser l’ensemble des points de celle-ci
Contenu de la formation
-
Introduction à Figma
- Qu’est-ce que Figma ?
- Ses fonctionnalités
- Grands principes de conception sur écran
- Découvrir l’interface de Figma
- Les raccourcis principaux
-
Création des formes pour des interfaces
- Créer des formes de différente complexité
- Créer des frames et des calques
- Transformation des éléments
- Gestion des styles
- Courbes de Bézier
- Maîtriser les opérations booléennes
- La typographie dans Figma
- Manipulation et édition d’images
- Découverte des fonctions de style d’objet
- Créer sa librairie d’assets pour wireframes
-
Construction d'interface, du Wirefame à l'UI
- Méthodologie et organisation des fichiers
- Comment organiser son projet de l’UX à l’UI
- Mise en place des grilles et des repères
- Utiliser Auto Layout pour créer des interfaces responsives
- Mise en place des styles
- Fonctionnalités des composants
- Gestion des librairies
- Ressources et modèles externes compatibles à Figma
- Plugins et services complémentaires
-
Optimisation du Workflow
- Sélection des plugins pour Figma
- Chemin d’accès vers le stockage des images et des icônes
- Gestion du contenu personnalisé
- Mises à jour du contenu importé
- Automatisation des transformations des éléments sur les différents écrans
- Automatisation des éléments en fonction du contenu
-
Création d'un prototype avec des animations
- Définir des frames du prototype
- Définir les interactions
- Utiliser Smart Animate
- Création d’un système de navigation à plusieurs niveaux
- Découvrir les différentes variantes d’interactions et d’animation
-
Exportation et partage de projet
- Adapter son projet au mobile
- Collaborer sur un fichier
- Exporter ses écrans en fichiers de différents formats (pdf, jpg et png)
- Optimiser l’export d’image pour tous types d’écrans
- Exporter des codes et des assets
- Exportation des éléments sur Zeplin
- Découvert des ressources collaboratives
- Feuilles de présence.
- Exercices d'application.
- Formulaires d'évaluation de la formation.
- Certificat de réalisation de l’action de formation.
- Stage Pratique : 60% Pratique, 40% Théorie.
- Travail en groupe
- Certains exercices peuvent nécessiter des PCs