> Formations > Technologies numériques > MOA, Business Analysis > Ergonomie, UX, accessibilité > Formation Figma, concevoir des interfaces d'applications web & mobiles > Formations > Technologies numériques > Formation Figma, concevoir des interfaces d'applications web & mobiles
Formation incontournable

Formation : Figma, concevoir des interfaces d'applications web & mobiles

Figma, concevoir des interfaces d'applications web & mobiles

Télécharger le programme Partager cette formation


Vous apprendrez à construire des interfaces mobiles et web selon les modalités de l’UX design avec FIGMA. Vous maîtriserez l’interface et les fonctionnalités. Vous pourrez créer des formes avec l’outil plume pour un graphisme approfondi, vous serez capable de gérer les outils de prototypage et d’export.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf. FGM
Prix : 1490 € H.T.
  2j - 14h00
Pauses-café et
déjeuners offerts




Vous apprendrez à construire des interfaces mobiles et web selon les modalités de l’UX design avec FIGMA. Vous maîtriserez l’interface et les fonctionnalités. Vous pourrez créer des formes avec l’outil plume pour un graphisme approfondi, vous serez capable de gérer les outils de prototypage et d’export.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • Appliquer la démarche UX Design dans le cadre d’un projet web
  • Appréhender les méthodes et les techniques de conception d’une interface
  • Concevoir et prototyper une interface avec l’outil FIGMA
  • Réaliser des parcours de navigation répondant aux besoins des utilisateurs
  • Appliquer les bonnes pratiques du design d’interface et d'interactions

Public concerné
Graphistes, webdesigners ou toute personne devant créer des maquettes de sites web et d'applications mobiles et tablettes.

Prérequis
Avoir une bonne connaissance du web, la connaissance de logiciel de PAO serait un plus.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

Programme de la formation

Les spécificités du logiciel

  • Qu'est-ce que FIGMA ?
  • Les atouts et les enjeux du logiciel.
  • Comparatif avec les autres outils de design.
  • Les périmètres fonctionnels : wireframes, design system, style guide, maquette graphique interactive.
Travaux pratiques
Découverte de la manipulation du logiciel.

Découvrir l'interface de FIGMA

  • Barre d'outils et panneaux de propriété.
  • Le plan de travail FIGMA.
  • La superposition des calques.
Travaux pratiques
Manipulation de l’interface à travers un exemple de réalisation.

Préparer le maquettage pour le web avec la fonctionnalité FIGMA

  • Présentation de la fonctionnalité FIGMA.
  • Les étapes de conception.
  • Le design d'interface.
  • La cinématique du contenu.
  • Les tendances du design.
Travaux pratiques
Création d'un parcours utilisateur sur FIGMA à partir d’un exemple concret.

Interface d'application mobile

  • Les spécificités des interfaces d'application mobile.
  • Représenter le processus utilisateur.
  • Wireflow : voir comment l'utilisateur interagit avec l'application.
Travaux pratiques
Création d’un wireflow avec FIGMA.

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 ».

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.

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.


Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • France Travail sous réserve de l’acceptation de votre dossier par votre conseiller France Travail.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • France Travail sous réserve de l’acceptation de votre dossier par votre conseiller France Travail.

Avis clients
4,6 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
MARION B.
09/09/24
5 / 5

Très bien, un peu rapide parfois.
CAMILLE D.
09/09/24
5 / 5

Parfait, j’ai pu vraiment approfondir les connaissances existantes.
GABRIELLE D.
09/09/24
4 / 5

J’aurais préféré que la formation porte exclusivement sur l’utilisation de Figma et ne comprenne pas les quelques infos sur les bonnes pratiques du design, qui devraient à mon sens être dans une autre formation - bien séparer la création de maquette avec leur conception.




Horaires
En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.

Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance