Objectifs

À l’issue de la formation, le participant sera en mesure de :

  • Maîtriser les outils de Figma
  • Utiliser les outils de Figma pour UX & UI design
  • Créer vos propres icônes, boutons et d’autres composants UI
  • Implémenter les images et couleurs proprement
  • Travailler avec UX Personas
  • Créer des simples wireFrames

Programme

  • Quelques notions sur l’UX et l’UI
  • Quelles différences existe-t-il entre UI & UX
  • Introduction à Figma
  • UX & UI en Figma
  • Les principes du Web design
  • Quelles différences existe-t-il entre low Fid et High Fid prototypage
  • Introduire les frames en Figma
  • Préparer son fichier de design
  • Texte et mise en forme
  • Dessiner des formes
  • Editer les
  • Les couleurs (comment créer palette de couleur, inspiration des couleurs, .)
  • Les images (images open source & pluggins)
  • Les sélecteurs
  • Layout Grids (contraintes,
  • Pages
  • Comment prototyper avec Figma
  • Animation avec Figma (Smart animation & Delays)
  • Mini projet de prototype
  • Mettre à jour, modifier son composant
  • Main components Figma
  • Réaliser les forms
  • Manipulations avancées (popup, slide, scrolling)
  • Suite du projet
  • Comment exporter les images
  • Comment partager le document avec le client et autres designers
  • Partager l’avancement avec les développeurs et ingénieurs
  • Finalisation du projet

Référence :  DEV035

Type de Stage : Pratique

Durée : 3 jours

Public concerné:

Toute personne souhaitant maîtriser UX & UI Design en utilisant Figma.

Prérequis:

Aucune connaissance.