FORMATION FIGMA

CONCEPTION D’INTERFACES WEB & MOBILE (UI/UX) :

Figma est aujourd’hui l’un des outils les plus utilisés pour le design d’interfaces et le prototypage collaboratif. Cette formation vous permet de maîtriser les bases et les fonctionnalités avancées de Figma pour créer des maquettes professionnelles, des systèmes de design cohérents et des prototypes interactifs pour le web et le mobile.

Objectifs pédagogiques :

  • Découvrir l’interface de Figma et les concepts de base du design UI/UX.
  • Créer des wireframes et maquettes d’écrans web et mobiles.
  • Utiliser les composants, styles, grilles et auto-layout.
  • Réaliser des prototypes interactifs (navigation, transitions, micro-interactions).
  • Organiser un Design System simple réutilisable dans plusieurs projets.
  • Collaborer et partager ses projets avec les développeurs et les clients.

Tarification et déroulement

Formation continue

400 DH/Mois ≈ €

  • Type de formation : En groupe
  • Volume horaire : 48 heures
  • Durée de la formation : 5 mois
  • Début de la formation : Le
  • Dernier délais d'inscription : Le
  • Déroulement : Une séance de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription pour s'adapter aux emplois de temps des inscrits

Formation continue Accélérée

1000 DH/Mois ≈ €

  • Type de formation : En groupe
  • Volume horaire : 48 heures
  • Durée de la formation : 2 mois
  • Début de la formation : Le
  • Dernier délais d'inscription : Le
  • Déroulement : 3 séances de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription pour s'adapter aux emplois de temps des inscrits

Formation Accélérée

5000 DH ≈ €

  • Type de formation : Individuel
  • Volume horaire : 40 heures
  • Début de la formation : Dans un délais de 24 h aprés la validation de votre inscription
  • Horaire : Flexible selon votre disponibilité et la disponibilité de l'enseignant
  • Répartition des heures de la formation : vous pouvez terminer dans un délais de 5 jours ou bien répartir votre heures selon votre rythme, votre engagement

Formation continue

1000 DH/Mois ≈ €

  • Type de formation : Individuel
  • Volume horaire : 40 heures
  • Durée de la formation : 5 mois
  • Début de la formation : Dans un délais de 24 h aprés la validation de votre inscription
  • Déroulement : Une séance de 2h par semaine
  • Horaire : À déterminer après la fin de votre inscription

Programme de formation

1 INTRODUCTION À FIGMA & AU DESIGN UI/UX :

  • Figma vs autres outils (XD, Sketch, Photoshop – vue globale).
  • Notions de base en UI/UX : ergonomie, parcours utilisateur, maquette.
  • Création de compte Figma, interface et espace de travail.
  • Types de fichiers et organisation des projets.

2 OUTILS DE DESSIN & MISE EN PAGE :

  • Frames, artboards, formes, texte, images.
  • Alignement, distribution, contraintes et grilles.
  • Styles de texte et de couleurs.
  • Bonnes pratiques pour des maquettes propres et lisibles.

    • Tp : Création de la maquette d’une page d’accueil simple.

3 COMPOSANTS, VARIANTES & AUTO-LAYOUT :

  • Création et utilisation de composants (boutons, cartes, menus...).
  • Gestion des variantes (états : normal, survol, désactivé...).
  • Auto-layout : blocs dynamiques et responsive.
  • Organisation et nommage des composants.

    • Tp : Construction d’une bibliothèque de composants pour un mini projet.

4 DESIGN D’ÉCRANS WEB & MOBILE :

  • Choisir les bonnes dimensions (desktop, tablette, mobile).
  • Grilles, colonnes et marges pour un design structuré.
  • Intégration d’icônes et d’images (librairies, plugins).
  • Harmonie visuelle : typographie, couleurs, hiérarchie.

    • Tp : Maquettes complètes d’une page web et d’une application mobile simple.

5 PROTOTYPAGE INTERACTIF :

  • Création de liens entre les écrans (navigation).
  • Transitions, overlays, interactions simples.
  • Prototypage pour mobile (gestes, scroll, sliders).
  • Préparer une démo interactive pour le client.

    • Tp : Réalisation d’un prototype clickable d’une app (connexion → liste → détail).

6 DESIGN SYSTEM & BIBLIOTHÈQUES PARTAGÉES :

  • Principes d’un Design System (styles, composants, règles).
  • Création de styles globaux : couleurs, textes, effets.
  • Publication de bibliothèques pour les autres projets (aperçu).
  • Maintenir la cohérence visuelle sur tout le projet.

    • Tp : Mise en place d’un mini Design System pour une marque fictive.

7 COLLABORATION & REMISE AU DÉVELOPPEUR :

  • Commentaires, partage de lien, mode présentation.
  • Export des ressources (images, SVG, icônes).
  • Inspecter les propriétés pour les développeurs (dimensions, couleurs, CSS – aperçu).
  • Bonne communication designer / développeur.

    • Tp : Préparer un fichier Figma prêt à être remis à un développeur.

8 CAS PRATIQUE COMPLET :

  • Brief client : création d’une interface pour une app ou un site.
  • Wireframes → maquettes finales → prototype interactif.
  • Organisation du fichier et des pages.
  • Présentation du projet comme dans un contexte professionnel.

    • Tp : Réalisation d’un mini-projet de A à Z sur Figma.

Notre priorité

Formation flexible

Vous choisissez votre rythme : jour, soir, week-end, en groupe ou individuel (présentiel ou distance).

Approche pratique

Des cas concrets inspirés de vrais projets web et mobile (école, e-commerce, application de service...).

Accompagnement à distance

Suivi personnalisé via plateforme en ligne, partage de fichiers Figma et sessions live.

Prix compétitifs

Une formation professionnelle accessible, pensée pour renforcer l’employabilité en design UI/UX.