Maquette et prototypage avec FIGMA - bien démarrer

Objectifs

Concevoir le prototype d'un site web responsive avec Figma
Utiliser les outils de création
Exporter et partager un prototype avec une équipe

Programme de la formation

Introduction
Historique du logiciel et présentation des concurrents (Sketch, Adobe XD)
Comparer Figma en version Desktop et en version Web
Découverte de l'interface
Analyser les panneaux principaux (Calques, Pages et Design)
Utiliser l'espace de travail : pages, frames, calques et groupes
Utiliser les panneaux : Calques, Assets, Design et Prototype
Utiliser les outils de création
Formes géométriques simples, l'outil texte et l'importation d'images
Les masques
Les Frames
Les outils d'alignement et de redimensionnement
Les calques, le rangement, le nommage des éléments
Les grilles et les repères
Les contraintes
Introduction aux plugins
Raccourcis clavier
Utiliser et appliquer les raccourcis indispensables
Optimisation des raccourcis pour clavier AZERTY
Utiliser les outils de création avancés
Les Formes complexes (Pathfinder, Boolean, Plume)
Les Styles, les Couleurs (RGBA, CSS, HSB), le Texte et les Effets
Les modes de fusion
Les composants et les instances
Les composants avec variants
Les composants emboîtés
Les modes indispensables de L'auto-layout
Les bases du prototypage
Gestion du scroll
Introduction au prototypage
Visionner le prototype sur un mobile
Partager un prototype
Collaboration et Exportation
Optimisation et exportation des visuels pour le web
Projets collaboratif au sein d'une Team
Introduction aux Design Systems
Insérer des commentaires
Introduction au panneau Developer Mode
Exporter et importer un fichier .fig

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique