Dans un monde de plus en plus centré sur l'expérience utilisateur, la maîtrise de Figma est un atout indispensable pour tout designer. Cette formation vous permettra de découvrir et de maîtriser Figma, l'un des outils de design les plus utilisés dans la création de maquettes et de prototypes interactifs.

Vous apprendrez à créer des composants, gérer des grilles, utiliser des contraintes, et optimiser vos prototypes pour qu'ils soient non seulement esthétiques mais aussi fonctionnels. En outre, vous serez formé à l’exportation de vos créations pour les développeurs, facilitant ainsi la collaboration entre les équipes design et développement.

La maîtrise de Figma est devenue incontournable pour répondre aux besoins croissants des entreprises qui cherchent à proposer des interfaces modernes, fluides et cohérentes. En suivant cette formation, vous pourrez évoluer vers des postes de designer UI/UX ou augmenter vos responsabilités dans un environnement de travail agile et collaboratif.

Public

À qui s'adresse la formation FIGMA (Débutant)

La formation "FIGMA - Débutant" s'adresse aux débutants en design UX/UI souhaitant acquérir des compétences fondamentales dans l'utilisation de Figma. Elle est idéale pour les professionnels du web, les graphistes, les développeurs ou toute personne intéressée par la création de maquettes et prototypes interactifs. Les participants apprendront à maîtriser les bases pour optimiser leurs projets et collaborer efficacement avec les équipes de développement.

Objectifs

Compétences visées pour la formation FIGMA (Débutant)

La formation "FIGMA - Débutant" vise à vous initier aux fondamentaux de cet outil de conception. Vous apprendrez à créer et organiser des frames, des pages, des calques, ainsi qu'à maîtriser les bases du wireframing. Vous développerez des compétences en création de composants, optimisation de maquettes, et prototypage interactif. Enfin, vous saurez préparer et partager vos projets pour une collaboration efficace avec les développeurs.

Programme

Explorer l’interface de Figma

  1. Créer un compte et comprendre l’interface
  2. Distinguer frames, pages et calques
  3. Naviguer dans un projet Figma
  4. Paramétrer les préférences de travail

Créer ses premières formes et textes

  1. Ajouter et personnaliser des formes
  2. Gérer les couleurs, dégradés et opacités
  3. Utiliser les typographies et les styles de texte
  4. Créer des styles partagés pour harmoniser les maquettes

Organiser son espace de travail

  1. Structurer une page avec des frames
  2. Regrouper, aligner et distribuer des éléments
  3. Gérer les calques et la hiérarchie visuelle
  4. Appliquer des guides, colonnes et grilles

Construire un wireframe efficace

  1. Comprendre l’objectif d’un wireframe
  2. Utiliser des composants simples pour prototyper
  3. Créer des gabarits réutilisables
  4. Optimiser pour l’itération rapide

Créer et gérer des composants

  1. Créer un composant et le transformer en instance
  2. Modifier et mettre à jour des composants
  3. Gérer les variantes d’un composant (boutons, champs…)
  4. Organiser les composants dans une bibliothèque

Utiliser l’auto-layout intelligemment

  1. Comprendre les logiques d’auto-layout
  2. Empiler et distribuer dynamiquement les éléments
  3. Gérer les paddings, marges, alignements
  4. Réaliser un design responsive avec auto-layout

Mettre en place des contraintes et des grilles

  1. Définir des contraintes de redimensionnement
  2. Utiliser les règles de grille (columns, rows)
  3. Adapter une maquette pour différentes tailles d’écran
  4. Gérer l’espacement et l’alignement

Créer un prototype interactif simple

  1. Connecter les frames pour naviguer entre les écrans
  2. Définir les interactions de base (clic, hover, navigation)
  3. Appliquer les transitions standards
  4. Organiser le parcours utilisateur

Créer des interactions avancées

  1. Utiliser Smart Animate pour des transitions fluides
  2. Ajouter des overlays et des modales
  3. Déclencher des interactions conditionnelles
  4. Tester le prototype en situation réelle

Collaborer efficacement dans Figma

  1. Partager un fichier ou une maquette
  2. Utiliser les commentaires pour itérer en équipe
  3. Gérer les droits d’accès et les versions
  4. Utiliser Figma dans un workflow collaboratif

Préparer l’export pour les développeurs

  1. Inspecter les éléments et consulter les propriétés
  2. Exporter des assets dans différents formats
  3. Créer et partager une bibliothèque de composants
  4. Comprendre l’intégration front avec Figma

Gérer l’import et la synchronisation

  1. Importer un fichier .fig ou des ressources externes
  2. Mettre à jour une bibliothèque partagée
  3. Synchroniser les changements dans une équipe
  4. Préparer une livraison complète du projet

La formation FIGMA (Débutant) est dispensée sur 21 heures

Durée et montant de la formation

Intitulé Durée Montant HT
Formation FIGMA - Débutant 21 heures 1790.00 €

Demander une convention de formation

Inscription newsletter

Recevez la newsletter ONLYWEB Formation pour vous tenir informé des formations à venir et maintenir vos compétences.

ONLYWEB Formation, s'appuie sur le réseau d'experts EVA - Solutions

coordonnées

© ONLYWEB Formation
6 pl. Dumas de Loire
69009 Lyon
TÉL 09 72 13 00 73
EVA Solutions: La force du réseau