Figma - UX / UI - Design d'expérience utilisateur
5-069
Formation créée le 14/11/2024. Dernière mise à jour le 06/03/2025.Version du programme : 1
Type de formation
Formation présentielleDurée de formation
18 heures (3 jours)Accessibilité
OuiFigma - UX / UI - Design d'expérience utilisateur
5-069
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)
Version PDFObjectifs 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
Suivi de l'exécution et évaluation des résultats
- Feuilles de présence.
- Exercices d'application.
- Formulaires d'évaluation de la formation.
- Certificat de réalisation de l’action de formation.
Ressources techniques et pédagogiques
- Stage Pratique : 60% Pratique, 40% Théorie.
- Travail en groupe
- Certains exercices peuvent nécessiter des PCs
Capacité d'accueil
Délai d'accès
Accessibilité
Toute personne reconnue en situation de handicap et souhaitant accéder à notre parcours est invitée à nous contacter pour étudier ensemble la faisabilité de son projet de développement des compétences