Figma

Figma – Concevoir des interfaces digitales professionnelles et collaboratives Cette formation permet de maîtriser Figma de la création d’interfaces à la mise en place d’un design system collaboratif.

Durée : 

21 à 35 heures
Présentiel ou classe virtuelle

Intra-Entreprise : Tarif identique de 1 à 12 participants

Objectifs Pédagogiques & Opérationnels

  1. Maîtriser l’interface et les fonctionnalités essentielles de Figma

  2. Concevoir des maquettes web et mobile structurées et professionnelles

  3. Créer des composants réutilisables et structurer un design system

  4. Réaliser des prototypes interactifs testables

  5. Organiser un travail collaboratif efficace avec les équipes produit et développement

  6. Préparer et transmettre des fichiers optimisés aux développeurs

Description

Module 1 : Prise en main de Figma et environnement de travail
  1. Interface, navigation et organisation des fichiers
  2. Frames, pages et gestion des projets
  3. Outils de dessin vectoriel et manipulation des formes
  4. Gestion des couleurs, typographies et styles
  5. Bonnes pratiques d’organisation dès la création.
Module 2 : Fondamentaux du design d’interface
  1. Principes UI : hiérarchie visuelle et lisibilité
  2. Grilles, colonnes et systèmes de mise en page
  3. Responsive design et contraintes
  4. Création d’interfaces web et mobile
  5. Mise en application encadrée sur une interface simple
Module 2 : Fondamentaux du design d’interface
  1. Principes UI : hiérarchie visuelle et lisibilité
  2. Grilles, colonnes et systèmes de mise en page
  3. Responsive design et contraintes
  4. Création d’interfaces web et mobile
  5. Mise en application encadrée sur une interface simple
Module 3 : Composants et variantes
  1. Création de composants réutilisables
  2. Variantes et états (hover, actif, désactivé)
  3. Instances et gestion des mises à jour
  4. Structuration d’une bibliothèque cohérente
  5. Bonnes pratiques de nommage et d’organisation
Module 4 : Auto Layout et design scalable
  1. Fonctionnement d’Auto Layout
  2. Comportements dynamiques des blocs
  3. Création d’interfaces adaptatives
  4. Optimisation pour le responsive
  5. Cas pratique encadré sur un module UI complexe
Module 5 : Prototypage interactif
  1. Création de liens et interactions
  2. Animations et transitions
  3. Variables et interactions avancées
  4. Tests de parcours utilisateurs
  5. Présentation d’un prototype interactif
Module 6 : Collaboration et gestion d’équipe
  1. Travail en temps réel
  2. Commentaires et gestion des versions
  3. Partage de bibliothèques
  4. Organisation multi-projets
  5. Méthodes de collaboration design / produit / dev
Module 7 : Design system et structuration avancée
  1. Architecture d’un design system
  2. Tokens, styles globaux et cohérence graphique
  3. Documentation des composants
  4. Gouvernance et évolution du système
  5. Intégration dans un environnement multi-projets
Module 8 : Transmission aux développeurs
  1. Dev Mode et inspection des éléments
  2. Export d’assets optimisés
  3. Spécifications techniques
  4. Collaboration avec les équipes front-end
  5. Bonnes pratiques pour fluidifier la production

Évaluation & Suivi des Acquis

Feuille de Présence

Émargement des stagiaires en présentiel ou à distance, via support papier ou signature électronique.

Émargement sécurisé

Signatures électroniques collectées en ligne et conservées dans un coffre-fort numérique sécurisé par Dendreo.

Auto-positionnement

Évaluation du niveau des stagiaires en début et en fin de formation pour mesurer la progression.

Évaluations pédagogiques

Validation des acquis par des questions orales ou écrites tout au long de la formation.

Mises en situation

Exercices pratiques et cas concrets pour ancrer les compétences dans la réalité métier.

Attestation de fin de formation

Remise d’une attestation officielle à l’issue de la formation.

William

William

Répond généralement en moins de 5 minutes

I will be back soon

William
C’est William, votre conseiller pédagogique chez Mill-Forma.
Comment puis-je vous aider ?
WhatsApp Mill Forma