Aller au contenu principal

Maquette et prototypage avec FIGMA - bien démarrer

Date de mise à jour :
Identifiant Offre Info : 14_AF_0000123688
Organisme responsable : GOBELINS (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

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…

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

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

18 h

Financement

Conventionnement
Non

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Maîtrise de l'outil informatique et bonne connaissance de la navigation web.

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement en présentielle

Adresse

247 Avenue Gambetta
75020 Paris 20e

Responsable : Gobelins CCI Paris Ile-de-France Education - Campu

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
GOBELINS
75013 Paris 13e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates fixes