Figma · Prendre le contrôle de vos interfaces

Formation créée le 14/02/2025. Dernière mise à jour le 22/07/2025.
Version du programme : 1

Prochaine date

23/09/2025

Type de formation

Formation mixte

Durée de formation

14 heures (2 jours)

Accessibilité

Oui
Besoin d’adapter cette formation à vos besoins ? N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure ! Nous contacter

Figma · Prendre le contrôle de vos interfaces


La formation en quelques mots : - Plongez dans notre formation Figma, idéale pour maîtriser la conception d’interfaces et le prototypage collaboratif - Apprenez à créer des maquettes interactives et à optimiser votre workflow en équipe Répartition : > Théorie : 20% > Pratique : 80% Cette formation est disponible en présentiel ou à distance, avec un programme et une qualité pédagogique identiques. > Formation inter-entreprise : pré-inscription en ligne ou contactez-nous : formation@younup.fr > Formation intra-entreprise : nous vous invitons à nous contacter pour réaliser un devis : formation@younup.fr Pour toute question, n’hésitez pas à contacter notre équipe : formation@younup.fr

Objectifs de la formation

  • Comprendre les principes de base de l’Atomic Design
  • Comprendre les principes de base de l’accessibilité dans le design
  • Appréhender l’outil le plus utilisé pour la création des parcours utilisateur
  • Création d’un prototype testable, sous forme d’un cas pratique

Profil des bénéficiaires

Pour qui
  • Développeurs
  • Business Analyst
  • Product Owner
  • UX/UI designer
  • Personnes amenées à concevoir / partager des maquettes
Prérequis
  • Technique : Aucun
  • Matériel : Venir avec son PC

Contenu de la formation

Qu’est-ce que Figma ?
  • Introduction à Figma et ses fonctionnalités principales
  • Différences entre Figma et d’autres outils de conception (Sketch, Adobe XD)
  • Configuration du compte Figma
Interface Utilisateur de Figma
  • Tour d’horizon de l’interface utilisateur de Figma
  • Exploration des différents panneaux
  • Personnalisation de l’espace de travail
Figma pour la Collaboration
  • Fonctionnalités de collaboration en temps réel
  • Partage de fichiers et gestion des permissions
  • Commenter et réviser les designs
Outils de Dessin et Formes de Base
  • Utilisation des outils de dessin
  • Utilisation des outils de forme
  • Modification des propriétés des formes
Les couleurs, construire de la cohérence dans le projet
  • Créer un style de couleur
  • Modifier un style de couleur
  • Utiliser un style de couleur
Outils de Texte
  • Ajout et formatage de texte
  • Styles de texte et gestion des polices
  • Utilisation des systèmes de typographie
Gestion des Calques
  • Création et organisation des calques
  • Groupement et verrouillage des calques
  • Utilisation des masques et des calques d’objets
Les variables, la flexibilité dans le design
  • Créer des variables avec du sens
  • Styles vs Variables
  • Gérer des modes
  • Les variables numériques
Les composants, le début du design system
  • Principes de base de l’Atomic Design
  • Création et utilisation des composants
  • Instances de composants et overrides
  • Bibliothèques de composants partagés
Auto-Layout et Grilles
  • Utilisation des fonctionnalités d’Auto-Layout
  • Création de grilles et systèmes de colonnes
  • Conception responsive avec Auto-Layout
Les Prototypes
  • Création de liens et interactions entre les cadres
  • Customisation des transitions et des animations
  • Test des prototypes sur différents appareils
Organisation des Fichiers
  • Structurer les projets et les fichiers
  • Nommage et organisation des calques et composants
  • Utilisation des pages et sections pour une meilleure organisation
Conception Accessible et Inclusive
  • Principes de base de l’accessibilité dans le design
  • Outils et techniques pour vérifier l’accessibilité dans Figma
  • Design inclusif : principes et pratiques
Exportation et Handoff
  • Exporter des assets pour le web et le mobile
  • Utilisation des inspecteurs de code pour le handoff aux développeurs
  • Intégration avec d’autres outils (Zeplin, Avocode)
Projet Pratique 1
  • Design d'une landing page
  • Application des techniques apprises pour créer un design complet
Projet Pratique 2
  • Création d'une application mobile simple
  • Utilisation des composants, auto-layout et prototypage interactif

Équipe pédagogique

Nos formateurs sont des professionnels chevronnés, experts dans leur domaine. Chacun de nos consultants partage, au sein de notre centre de formation, les compétences acquises sur le terrain et enrichies chaque jour par les missions réalisées auprès de nos clients.

Suivi de l'exécution et évaluation des résultats

  • En début de séance un recueil des attentes est réalisé pour s’assurer d’aborder tous les points pendant le déroulé de la formation.
  • Le formateur évalue la progression pédagogique de l’apprenant tout au long de la formation au moyen de travaux pratiques, serious game, etc.
  • L’apprenant complète également une auto-évaluation de positionnement au début et à la fin de la formation pour valider les compétences acquises en lien avec les objectifs de la formation.

Ressources techniques et pédagogiques

  • Espace apprenant
  • Support de formation transmis

Qualité et satisfaction

L’amélioration continue est essentielle dans notre démarche. Nous proposons aux apprenants en fin de formation de répondre à un questionnaire de satisfaction, nous permettant de suivre le taux de satisfaction et le taux de recommandation.

Capacité d'accueil

Entre 4 et 10 apprenants

Délai d'accès

2 semaines

Accessibilité

Nous mettons tout en œuvre pour vous accueillir et vous accompagner dans les meilleures conditions d’apprentissage. Notre référente handicap est à votre disposition vous pouvez la contacter à l'adresse suivante : formation@younup.fr.

Prochaines dates

10 places restantes Figma · Prendre le contrôle de vos interfaces - 23 & 24 s...
du 23/09/2025 au 24/09/2025 Nantes
10 places restantes Figma · Prendre le contrôle de vos interfaces - 16 & 17 o...
du 16/10/2025 au 17/10/2025 distance