(NEW) – Concevoir des maquettes UX/UI sur Figma

Maîtrisez le logiciel Figma et réalisez des maquettes pour tout type d’affichage

Formation Figma : concevoir des maquettes UX/UI sur Figma

Notre formation Figma est faite pour tout professionnel souhaitant maîtriser un logiciel de design graphique d’interfaces web, mobiles, responsive.

Figma est venu révolutionner le petit monde des logiciels de conception avec un produit qui pousse la collaboration entre designers, chefs de produit et développeurs. Contrairement à Photoshop ou Illustrator, qui sont des logiciels plus généralistes, Figma il est 100% dédié à la conception d’interfaces et d’écosystèmes applicatifs. Facile de prise en main et gratuit, il révèle toute sa puissance à l’usage sans limitation pour s’organiser et partager les éléments de design de vos interfaces : pages, composants unitaires, polices, couleurs, charte graphique tout y est.

Cette formation est majoritairement basée sur la pratique de l’outil et notre formateur / consultant UI designer vous accompagne dans la prise en main de Figma et dans la création de vos premières maquettes.

Seule une bonne maîtrise générale des outils informatiques est requise pour cette formation.

Durée

2 jours

Prix

990 € 1 200 €

Public concerné

Concepteurs, designers, webdesigners, webmasters, développeurs front-end, PO, chefs de projets AMOA

Pré-requis

Aisance générale avec l’informatique.

Prochaines formations

  • 14 et 15 décembre 2020

Modalités pédagogiques

Selon les sessions nos formations sont dispensées en présentiel ou à distance.

Télécharger le programme de la formation

Objectifs

Maîtriser un des logiciels phare de conception

À l’issue de la formation, vous pourrez :

  • Utiliser l’interface de Figma avec aisance
  • Gérer des palettes de couleurs et des polices de manière dynamiques
  • Travailler en parfaite collaboration
  • Créer des composants
  • Créer des librairies de composants
  • Créer des gabarits de page
  • Créer un prototype navigable
  1. Maîtriser l’interface de Figma

    Maîtriser l’interface de Figma

  2. Figma : créer et gérer des composants

    Créer et gérer des composants

  3. Figma : concevoir des gabarits d’écran mobile, desktop, responsive

    Concevoir des gabarits d’écran mobile, desktop, responsive

Programme de la formation

Jour 1

Introduction Figma (C’est quoi ? Pour qui ? Pour quoi faire?)

1- Les fonctionnalités de base

  • Créer et nommer une frame
  • Ajouter et éditer un texte
  • Ajouter et éditer une forme
  • Utiliser les Boolean et mask sur figma
  • Ajouter des commentaires
  • Partager le fichier et ajouter des collaborateurs

2 – Créer des styles sur Figma

  • Créer et éditer des styles de couleur
  • Créer et éditer des styles de texte

3 – Créer des composants sur figma

  • Créer des composants “master”
  • Créer et éditer des instances
  • Redimensionner des composants
  • Nommer les composants (les règles de nommage)

Jour 2

A partir d’un brief client, les participants réalisent la maquette d’un parcours utilisateurs.

4 – Gérer les Contraintes, grille et l’auto layout

  • Gérer les contraintes
  • Utiliser l’auto layout
  • Ajouter une grille

5 – Créer un prototype interactif

  • Faire des connections entre les frames
  • Comprendre les différentes transitions (smart animate …)
  • Gérer le scroll
  • Voir, paramétrer et partager un prototype interactif

6 – Préparer et transmettre au développeur

  • Faire des exports
  • Télécharger / importer un fichier
  • Inspecter sur figma (code)
  • Partager une librairie et créer une team ?

Contact / Lieu de la formation

Usabilis

Télécharger le plan d’accès

Mairie de Montrouge

Metro : 4 Sortie 6 : rue Louis Rolland

Bus : 68, 126, 128