Figma, l’indispensable
Fini les maquettes figées que personne ne comprend. En 3 jours, vous concevez des interfaces responsives, des composants réutilisables et des prototypes que vos clients testent comme une vraie app.
Pourquoi suivre cette formation.
- 01Vos maquettes cassent dès qu'on change d'écran.Auto-layout et Grid : vous construisez des designs responsives qui s'adaptent tout seuls, du mobile au desktop.
- 02Vous redessinez le même bouton pour la dixième fois.Composants, variantes, styles : vous créez une fois, vous réutilisez partout, et une modification se répercute sur tout le projet.
- 03Votre client ne comprend rien à vos maquettes statiques.Prototypes interactifs, transitions, comportements : il teste l'interface comme si elle existait déjà.
- 04Mode sombre, multi-marques : vous refaites tout à la main.Avec les variables et les thèmes, vous basculez du clair au sombre, ou d'une marque à l'autre, sans tout redessiner.
- 05Entre le design et le développement, tout se perd.Commentaires, partage, panneau d'inspection, exports propres : vous livrez des fichiers que toute l'équipe comprend.
Des pros du terrain, notés 5,0/5 par leurs stagiaires.
Designer UI/UX, experte Figma, et d'une patience à toute épreuve. Même vos devs vont adorer.
Nous avons bénéficié de la formation sur mesure de 3 jours sur Figma donnée par Agathe. C'était parfait. Agathe a réussi s'adapter à nos différents niveaux et condenser la matière afin de répondre aux besoins de chacun.
Ce qu'il faut savoir.
- 3 jours (21h)
- 1 Mac/PC par stagiaire.
- Support de cours remis en fin de formation.
- Clé USB fournie
- Hotline 1 an après la formation.
- Télécharger le programme de formation
Prises en charge OPCO salarié(e)s et entreprises.
- Tarif
- 1500 € H.T.
- Lieu
- 26 rue Voltaire, Vieux-Lille, de 9h15 à 17h15
Description
Durant cette formation, vous apprendrez à utiliser Figma, LE logiciel de référence pour la conception d’interfaces web et mobiles. De la prise en main de la nouvelle interface UI3 au prototypage avancé, en passant par l’auto-layout Grid et le système de variables.
Mise à jour de cette formation : 02/04/2026
Modalité d'évaluation
L’évaluation peut être réalisée en cours de formation, par un bilan, ou en fin de formation par une auto-évaluation.
Objectifs pédagogiques
- Définir le rôle de Figma et concevoir des livrables pour le web et mobile
- Réaliser des maquettes responsive et des applications mobile
- Designer et paramétrer un prototype interactif
- Concevoir des wireframes puis des maquettes desktop et/ou mobile
- Partager son travail avec les parties prenantes d’un projet web
Public cible
Graphistes, webdesigners, chefs de projets web,…
Pré-requis
Etre à l’aise avec l’outil informatique
Conditions générales de venteRèglement intérieurAccessibilité handicap
Kaligram est certifié Qualiopi au titre des actions de formation.
Ce que vous faites en 3 jours.
Rappels de l'ergonomie et de l'utilisabilité
• Contextes et usages actuels du web ;
• Présentation des critères généraux recommandés (Bastien et Scapin / Heuristiques de Nielsen).
Présentation et installation du logiciel
• Historique du logiciel et positionnement sur le marché ;
• Comparer et installer Figma en version desktop et en version web.
Découverte de la nouvelle interface UI3
• Prise en main de l'interface redessinée : toolbar en bas, panneaux réorganisés ;
• Espace de travail (pages, frames, calques, groupes) ;
• Utiliser les panneaux (assets, design et prototype) ;
• Ordonner son fichier (nommage, rangement, grilles et repères).
Utiliser les outils de création simples
• Formes géométriques simples, outil texte et images ;
• Outils d'alignement et de redimensionnement ;
• Masques d'écrêtage ;
• Vectoriser une forme, un tracé.
Utiliser les outils de création avancés
• Les Formes complexes (Pathfinder, Boolean, Plume) ;
• Les Styles, les Couleurs (RGBA, CSS, HSB), le Texte et les effets ;
• Composants et variantes : créer, organiser et réutiliser.
Auto-layout et Grid
• Appliquer l'auto-layout dans les designs responsives ;
• Gérer ses marges, paddings, et alignement auto des éléments ;
• Grid : le nouveau layout 2D — créer des mises en page type galerie, bento, grilles web ;
• Variables dans les gaps (colonnes et lignes).
Optimisation et exportation des visuels
• Gestion du scroll ;
• Optimisation et exportation des visuels pour le web ;
• Exporter et importer un fichier .fig.
Collaboration sur Figma
• Introduction au prototypage et partage avec une équipe ;
• Insérer des commentaires ;
• Introduction au panneau d'inspection.
Découverte du système de variables
• Fonctions et utilités dans la conception de design systems ;
• Créer et gérer des variables (couleurs, typo, espacements, composite/array) ;
• Utiliser des variables pour créer des thèmes adaptables selon le contexte (dark/light, branding différent) ;
• Collections étendues pour la gestion multi-marques.
Prototypage avancé sur Figma
• Mise en place de prototypes interactifs (transitions, animations) ;
• Interaction avec l'utilisateur, gestion des comportements conditionnels ;
• Présentation de prototypes sur différents supports (desktop, mobile).
Figma AI : premiers pas
• Présentation des outils IA intégrés : Figma Make (prompt-to-prototype) et Figma Draw ;
• Outils image IA : Expand, Erase, Isolate, Vectorize ;
• Démonstration et cas d'usage dans un workflow créatif.
Ces formations pourraient vous plaire.
Oui, on est vraiment à Lille.
Un vrai centre, au 26 rue Voltaire, dans le Vieux-Lille. On vous accueille de 9h15 à 17h15.
Une question, un devis, une date en intra ?
Et si c'est pour un OPCO, on monte le dossier avec vous.