Figma design d'interface UX/UI Design

Objectifs

Module initiation
Cette formation vous permet d'identifier et d'utiliser les outils de design d'interface du logiciel Figma, une méthodologie optimisée dans la construction des fichiers et d'exporter et de partager vos projets UX/UI Design.
Module perfectionnement
Cette formation vous permet d'identifier et d'utiliser une méthodologie optimisée dans la construction des fichiers Figma, d'optimiser votre workflow avec une sélection des meilleurs plugins Figma et d'exporter et de partager vos projets UX/UI Design.

Programme de la formation

1 - Module initiation :
Découvrir Figma
- Décrire le logiciel Figma et ses principaux usages : illustration vectorielle, UX Design (wireframe), UI Design
- Identifier les fonctionnalités phares du logiciel Figma, ses spécificités par rapport aux autres solutions
- Découvrir les dernières actualités du logiciel Figma
Prendre en main le logiciel
- Nommer et explorer les différentes zones de l'interface Figma
- Connaître les conventions d'usage dans les outils de design
- Mémoriser les raccourcis principaux
- Ajuster les préférences
Designer des formes pour des interfaces web/app
- Créer des espaces de travail (frames) et des calques
- Insérer des formes prédéfinies, créer des formes personnalisées
- Sélectionner, positionner, transformer, supprimer des éléments : taille, couleurs fond et contour, dégradés, motifs, transformation, rotation...
(...)
Acquérir une méthodologie optimisée dans la construction de fichiers .fig
- Organiser son projet de l'UX à l'UI : web design vs app mobile
- Acquérir une bonne convention de nommage (fichiers, pages, frames, calques, styles, composants...)
(...)
Créer un prototype avec des animations de transition
- Définir la première frame du prototype
- Créer des connexions entre les différents écrans
(...)
Exporter et partager son projet Figma
- Visionner ses écrans sur un mobile
- Exporter ses écrans en fichiers pdf, jpg et png
(...)
2 - Module perfectionnement :
Préambule sur Figma
- Rappeler les fonctionnalités phares du logiciel Figma, ses spécificités par rapport aux autres solutions
- Découvrir les dernières actualités du logiciel Figma
Acquérir une méthodologie optimisée dans la construction de fichiers .fig
- Organiser son projet de l'UX à l'UI : web design vs app mobile
- Acquérir une bonne convention de nommage (fichiers, pages, frames, calques, styles, composants...)
- Mettre en place des grilles (grid, columns, rows) et des repères
(...)
Optimiser votre workflow avec une sélection des meilleurs plugins Figma
- Disposer de faux contenu (textes et images)
- Accéder directement aux banques d'images et d'icônes
(...)
Créer un prototype avancé avec des animations
- Maîtriser les différentes possibilités d'interactions et d'animations
- Différencier Navigate To, Open Overlay et Swap With
- Créer un système de navigation à plusieurs niveaux

Exporter et partager son projet Figma
- Visionner ses écrans sur un mobile
- Exporter ses écrans en fichiers pdf, jpg et png ou sur le cloud
(...)

Validation et sanction

Attestation d'acquis ou de compétences;Attestation de suivi de présence

Type de formation

Non certifiante

Sortie

Sans niveau spécifique