Figma : niveau 2

• Utiliser pleinement les fonctionnalités de Figma.
• Concevoir des livrables complexes pour le web : maquettes graphiques responsive, librairie de composants, prototype interactif.
• Travailler efficacement avec les développeurs.

Maîtriser les fonctionnalités avancées

• Création d’un guide de style complet

  • Découverte de la logique de tokens à appliquer aux composants.
  • Prise en main des variables et des modes.
  • Création de tokens comme : les couleurs, les typographies, les tailles, les espacements, les bords-arrondies, etc…
  • Gestion d’un mode light et d’un mode dark.
• Création d’une bibliothèque de composants complexes
  • Créer des composants avec la méthode Atomic Design.
  • Concevoir des composants avec plusieurs variantes.
  • Gestion des propriétés et des conditions sur les composants.
  • Créer des composants responsives.

Concevoir une interface complexe et la prototyper

• Concevoir des maquettes à partir d’une bibliothèque de composants
  • Créer des pages responsives en suivant les bonnes pratiques.
  • Modifier les variables attribuées aux composants en fonction de l’environnement dans lequel ils se trouvent.
• Prototypage et cre?ation de micro-interactions complexes.
  • Concevoir une micro-interaction pour changer de mode (light ou dark).
  • Créer des micro-interactions avec des conditions.