GratuitDébutant2 h 09

Initiation à Figma

Prenez en main Figma de zéro : dessiner des écrans avec frames, formes et texte, les rendre souples avec l'auto layout, les réutiliser grâce aux composants, variantes et styles, puis prototyper, partager et transmettre le travail à une équipe de développement.

Ce que vous saurez faire

  • Naviguer dans l'interface de Figma et organiser un fichier en pages et en calques
  • Construire un écran mobile avec des frames, des formes, du texte et des images
  • Appliquer l'auto layout pour créer des blocs qui s'adaptent à leur contenu
  • Créer des composants avec variantes et des styles réutilisables
  • Relier des écrans dans un prototype cliquable et le présenter
  • Partager un fichier, recueillir des commentaires et préparer le passage aux développeurs

Plan du cours

Partie 1 · Découvrir Figma et dessiner un écran42 min

  1. Découvrir l'interface de Figma10 min
  2. Frames, formes et alignement11 min
  3. Texte, images et premier écran complet11 min
  4. Quiz : découvrir Figma et dessiner un écran10 min

Partie 2 · Construire des éléments réutilisables45 min

  1. L'auto layout : des blocs qui s'adaptent12 min
  2. Composants et variantes12 min
  3. Styles et variables : couleurs et textes réutilisables11 min
  4. Quiz : construire des éléments réutilisables10 min

Partie 3 · Prototyper, partager et transmettre42 min

  1. Prototyper : relier les écrans11 min
  2. Partager et collaborer10 min
  3. Préparer le passage aux développeurs11 min
  4. Quiz : prototyper, partager et transmettre10 min