Programme de Formation Figma : Initiation
Comprendre les bases de l’UI Design
Présentation de l'interface utilisateur (UI)
La place de l’UI au sein de l’UX
Le rôle de l’UI Designer
Installer Figma
Créer un compte
Les différentes formules Figma
Les fichiers, équipes et projets d’équipes
Gérer et organiser ses projets avec la version gratuite
Comprendre la suite Figma
Faire le tour d’horizon des outils Figma : Design, Figjam, Slides, Buzz, Sites et Make
Comprendre les liens entre les outils
Lier les outils au travers de l’utilisation de la communauté Figma
Prendre en main Figma Design
Comprendre l’interface Design et ses outils
Comprendre l’interface Prototype et ses outils
Comprendre le principe des pages
Découvrir le panneau Layers et Assets
Découvrir les outils essentiels de Figma Design
Comprendre l’outil essentiel des Frames
Utiliser et paramétrer les grilles de mise en page
Utiliser les repères
Naviguer dans la zone de travail
Créer des formes de bases
Créer des courbes avec la plume
Transformer une forme standard en tracé
Ajouter ou soustraire des formes
Gérer la couleur
Créer et éditer du texte
Transformer la boîte de texte
Redimensionner avec l’outil Scale
Manipuler les objets
Importer une ou plusieurs images
Déplacer des images
Créer un masque sur une image
Ajouter des effets
Copier des tracés vectoriels depuis Illustrator
Répéter des éléments et les aligner
Créer et organiser des styles
Comprendre le principe des styles pour automatiser nos actions
Créer des styles de texte, les appliquer et les modifier
Créer des styles de couleurs ou d’effets
Créer des styles de grilles de mise en page
Créer des groupes de style avec le renommage
Atelier : Créer une illustration sur FigmaTravailler avec l’Autolayout
Comprendre la différence entre frame simple et frame avec option Autolayout
Activer l’autolayout sur des éléments d’interface
Découvrir les paramètres et fonctionnement de l’autolayout
Paramétrer un autolayout
Travailler avec les composants
Créer et modifier des composants
Découvrir les propriétés possibles sur les composants
Ajouter et appliquer des propriétés aux composants
Comprendre le lien entre Composant principal et Instances
Animer ses composants
Atelier : Réaliser de premiers éléments d’interface avec les outils Autolayout et composantsUtiliser les plugins
Choisir et installer un plugin
Découvrir les plugins indispensables
Utiliser les plugins dans ses projets
Atelier : Création d’une onepagePremiers outils indispensables du prototypage
Maîtriser les contraintes des éléments d’interface
Gérer les défilements verticaux et horizontaux
Comprendre les comportements scroll, fixed et sticky
Définir les comportements scroll, fixed et sticky d’un élément d’interface
Atelier : Création d’un ou plusieurs écrans d’une application mobile Podcasts