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