Figma : Initiation

Objectifs

Comprendre les notions d'interface utilisateur - Créer des wireframes, des maquettes et des prototypes dynamiques d'interfaces utilisateurs

Programme de la formation

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 Figma

Travailler 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 composants

Atelier?: Création d'une onepage

Atelier?: Création d'un ou plusieurs écrans d'une application mobile Podcasts

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique