Figma, concevoir des interfaces d'applications PARTICIPANTS
Graphistes, webdesigners ou toute
web & mobiles personne devant créer des
maquettes de sites web et
d'applications mobiles et tablettes.
Cours Pratique de 2 jours - 14h PRÉREQUIS
Avoir une bonne connaissance du
Réf : FGM - Prix 2024 : 1 490€ HT web, la connaissance de logiciel de
PAO serait un plus.
COMPÉTENCES DU
FORMATEUR
Vous apprendrez à construire des interfaces mobiles et web selon les modalités de l’UX Les experts qui animent la
formation sont des spécialistes des
design avec FIGMA. Vous maîtriserez l’interface et les fonctionnalités. Vous pourrez créer matières abordées. Ils ont été
des formes avec l’outil plume pour un graphisme approfondi, vous serez capable de gérer validés par nos équipes
les outils de prototypage et d’export. pédagogiques tant sur le plan des
connaissances métiers que sur
celui de la pédagogie, et ce pour
chaque cours qu’ils enseignent. Ils
ont au minimum cinq à dix années
OBJECTIFS PÉDAGOGIQUES d’expérience dans leur domaine et
À l’issue de la formation l'apprenant sera en mesure de : occupent ou ont occupé des postes
à responsabilité en entreprise.
Appliquer la démarche UX Design dans le cadre d’un projet web
MODALITÉS D’ÉVALUATION
Appréhender les méthodes et les techniques de conception d’une interface Le formateur évalue la progression
pédagogique du participant tout au
Concevoir et prototyper une interface avec l’outil FIGMA long de la formation au moyen de
QCM, mises en situation, travaux
pratiques…
Réaliser des parcours de navigation répondant aux besoins des utilisateurs Le participant complète également
un test de positionnement en amont
Appliquer les bonnes pratiques du design d’interface et d'interactions et en aval pour valider les
compétences acquises.
MOYENS PÉDAGOGIQUES
ET TECHNIQUES
LE PROGRAMME • Les moyens pédagogiques et les
méthodes d’enseignement utilisés
dernière mise à jour : 07/2022 sont principalement : aides
audiovisuelles, documentation et
support de cours, exercices
pratiques d’application et corrigés
des exercices pour les stages
pratiques, études de cas ou
1) Les spécificités du logiciel présentation de cas réels pour les
- Qu'est-ce que FIGMA ? séminaires de formation.
• À l’issue de chaque stage ou
- Les atouts et les enjeux du logiciel. séminaire, ORSYS fournit aux
- Comparatif avec les autres outils de design. participants un questionnaire
d’évaluation du cours qui est
- Les périmètres fonctionnels : wireframes, design system, style guide, maquette ensuite analysé par nos équipes
pédagogiques.
graphique interactive. • Une feuille d’émargement par
Travaux pratiques : Découverte de la manipulation du logiciel. demi-journée de présence est
fournie en fin de formation ainsi
qu’une attestation de fin de
2) Découvrir l'interface de FIGMA formation si le stagiaire a bien
assisté à la totalité de la session.
- Barre d'outils et panneaux de propriété.
- Le plan de travail FIGMA. MODALITÉS ET DÉLAIS
D’ACCÈS
- La superposition des calques. L’inscription doit être finalisée 24
Travaux pratiques : Manipulation de l’interface à travers un exemple de réalisation. heures avant le début de la
formation.
3) Préparer le maquettage pour le web avec la fonctionnalité FIGMA ACCESSIBILITÉ AUX
PERSONNES HANDICAPÉES
- Présentation de la fonctionnalité FIGMA. Vous avez un besoin spécifique
d’accessibilité ? Contactez Mme
- Les étapes de conception. FOSSE, référente handicap, à
- Le design d'interface. l’adresse suivante psh-
accueil@[Link] pour étudier au
- La cinématique du contenu. mieux votre demande et sa
faisabilité.
- Les tendances du design.
Travaux pratiques : Création d'un parcours utilisateur sur FIGMA à partir d’un exemple
concret.
4) Interface d'application mobile
- Les spécificités des interfaces d'application mobile.
- Représenter le processus utilisateur.
ORSYS - [Link] - info@[Link] - +33 (0)1 49 07 73 73 Page 1 / 2
- Wireflow : voir comment l'utilisateur interagit avec l'application.
Travaux pratiques : Création d’un wireflow avec FIGMA.
5) Designer avec FIGMA
- Créer un plan de travail.
- Créer et gérer les calques.
- Utiliser les grilles et les repères.
- Gérer les composants et assets.
Travaux pratiques : Création et manipulation d’un composant « champ de saisie ».
6) Conceptualiser et ajouter des formes
- FIGMA et les vecteurs.
- L’outil crayon.
- Créer, modifier et éditer des formes.
- Créer des éléments vectoriels avec l'outil plume.
- Manipuler les points d'ancrage.
- Les objets texte, les lignes et les bordures.
Travaux pratiques : Création de formes personnalisées avec l’outil plume. Créer une icône.
7) Réaliser un prototype interactif avec FIGMA
- Définir les contenus.
- Définir les écrans du parcours utilisateur.
- Création de maquettes fil de fer (wireframes).
- Créer des liens entre les plans de travail.
- Exploiter les interactions.
Maquettage des écrans statiques d’un site web / mobile. Création d'un prototype interactif à
partir des écrans statiques.
LES DATES
CLASSE À DISTANCE PARIS
2024 : 30 mai, 09 sept., 14 nov. 2024 : 23 mai, 02 sept., 07 nov.
ORSYS - [Link] - info@[Link] - +33 (0)1 49 07 73 73 Page 2 / 2