UI design & prototypage · Initiation

Formation Figma en marque blanche

75 leçons pour concevoir des interfaces comme un designer produit : formes et plume, Auto Layout, composants et variants, prototypage animé, design system. Six exercices corrigés et trois ateliers créatifs. Livré clé en main, prêt à revendre sous votre marque.

Aucun prérequis Logiciel gratuit 6 exercices corrigés Revente illimitée
75
leçons vidéo
8
chapitres
3
ateliers créatifs
3
quiz
10 h
de formation
RNCP
31114
Designer webLa maîtrise de Figma s'intègre directement dans ce référentiel métier.
RNCP
34186
Chef de projet digitalSecond référentiel dans lequel le parcours trouve naturellement sa place.
0 € Un logiciel gratuitFigma s'utilise dans le navigateur : aucune licence, aucune installation.
QUAL Dossier Qualiopi prérempliObjectifs, syllabus, durées et grilles d'évaluation fournis avec le kit.
Pourquoi l'intégrer à votre offre

Le logiciel que les recruteurs demandent en UI design

Figma a remplacé Photoshop et Sketch dans les équipes produit. Il est gratuit, fonctionne dans le navigateur, et il apparaît dans presque toutes les offres d'emploi en design d'interface. Deux référentiels RNCP le mentionnent directement.

RNCP

Deux référentiels métiers

Designer web (RNCP31114) et Chef de projet digital (RNCP34186). L'argument qui fait passer votre dossier de financement.

0 €

Zéro frein à l'inscription

Figma s'ouvre dans un navigateur, sur Mac comme sur PC, gratuitement. Vos apprenants pratiquent dès la première minute.

6

Six exercices corrigés

Énoncé filmé, temps de recherche, puis solution à l'écran. C'est le format qui ancre réellement une manipulation.

PROTO

Jusqu'au prototype animé

Auto Layout, composants, variants, interactions et animations : le parcours va jusqu'au prototype cliquable, pas seulement à la maquette figée.

Objectifs pédagogiques

Ce que vos apprenants savent faire en fin de parcours

À l'issue de la formation, l'apprenant conçoit de façon autonome une interface complète dans Figma, du premier rectangle jusqu'au prototype animé.

  • Créer son compte et prendre en main l'interface
  • Maîtriser les frames, formes, plume et outils de dessin
  • Travailler le texte, les couleurs, dégradés, contours et effets
  • Aligner avec les repères, le magnétisme, les règles et les grilles
  • Utiliser les contraintes et les styles de couleur et de texte
  • Construire des mises en page réactives avec l'Auto Layout
  • Créer des composants, des variants et des propriétés d'instance
  • Réaliser un prototype interactif et l'animer
  • Concevoir des boutons animés : survol, switch, like, burger
  • Comprendre les bases d'un design system
  • Exporter ses créations aux bons formats
Le programme

8 chapitres, 3 ateliers, 3 quiz, 75 leçons

Le détail complet du parcours, tel qu'il figure dans le plan de formation. Cliquez sur un bloc pour afficher ses chapitres.

PUB Public visé — aucun prérequis Débutants en design souhaitant concevoir des interfaces avec un outil moderne, designers UI/UX en transition depuis Photoshop ou Sketch, développeurs qui veulent lire et produire des maquettes, chefs de projet digital.
Bloc 1 — Démarrage & outils de base 2 chapitres · 1 quiz · 31 leçons · 4 exercices corrigés
  • 01Bien commencer votre formation Présentation du cours · créer votre compte Figma · se connecter · présentation de l'interface Draft.4 leçons
  • 02Les outils de base Créer ses premières frames · rectangles et leurs options · les autres formes · sélectionner des éléments · importer une image · mettre de la couleur · exercice Logo Figma + correction · outils plume et crayon · exercice Plume + solution · le texte et ses options · exercice Figma + solution · grouper et mise à l'échelle · le mode masque · Boolean tools · dégradés · contours · effets · alignement, repères et magnétisme · exercice alignement + correction · export.27 leçons
  • 03Quiz — Les outils de base Validation des acquis.Quiz
Bloc 2 — Outils avancés & Auto Layout 2 chapitres · 1 quiz · 10 leçons · 1 exercice corrigé
  • 04Outils plus avancés Utiliser les règles · les grilles · les contraintes · les styles de couleurs · les styles de texte.5 leçons
  • 05Auto Layout La théorie de l'Auto Layout · créer un bouton simple · fenêtre flottante · à vous de jouer · correction de la Card Instagram.5 leçons
  • 06Quiz — Outils avancés et Auto Layout Validation des acquis.Quiz
Bloc 3 — Composants, prototypage & animations 2 chapitres · 1 quiz · 12 leçons · 1 exercice corrigé
  • 07Les composants Créer un bouton avec les composants · créer des variants · afficher ou non les icônes · Instance Swap · propriété Text.5 leçons
  • 08Prototypage et animations Prototypage de base · présentation de l'exercice + correction · les animations de base · animation de type slide · les actions · créer un effet de scroll.7 leçons
  • 09Quiz — Composants et prototype Validation des acquis.Quiz
Bloc 4 — Boutons animés, ateliers & design system 2 chapitres · 3 ateliers · 22 leçons
  • 10Création de boutons Bouton survol · bouton avec fond animé · bouton switch · bouton like · bouton burger.5 leçons
  • 11Atelier — Page produit Nike Présentation de l'atelier · création du dégradé de fond · mise en place de la basket et du titre · création du logo · création du menu · écriture de la colonne de gauche · footer et couleurs.7 leçons
  • 12Atelier — Nike interactif Présentation de l'interaction · interface éditeur · création de la frame basket · de la frame titre · de la frame verte et placement des éléments · création de l'animation · frame bleue · autre animation possible.8 leçons
  • 13Design system — qu'est-ce que c'est Introduction au design system à travers le bouton survol.1 leçon
  • 14Atelier créatif — suite Module en cours de complément dans le plan de formation.1 leçon

Télécharger le plan de formation (PDF)

Application pratique

Six exercices corrigés et deux projets complets

Le parcours ne se contente pas de montrer : il fait chercher. Chaque exercice a son énoncé filmé, un temps de recherche, puis sa solution à l'écran. Les ateliers Nike, eux, vont de la page vide au prototype cliquable.

EXERCICES · OUTILS

Quatre exercices de base

Logo Figma, outil plume, mise en page, alignement. Chacun avec son énoncé et sa correction filmée, intégrés au chapitre des outils.

8 leçons
EXERCICES · AVANCÉ

Card Instagram & prototypage

Deux exercices plus exigeants : construire une carte Instagram en Auto Layout, puis un premier prototype interactif.

4 leçons
ATELIER 01

Page produit Nike

Une page produit complète : dégradé de fond, visuel, logo, menu, colonne de texte et footer. La maquette de référence du parcours.

7 leçons
ATELIER 02

Nike interactif

La même page, rendue cliquable et animée : frames multiples, transitions entre les vues, animations d'entrée. Le livrable qui impressionne en fin de session.

8 leçons
BOUTONS

Cinq boutons animés

Survol, fond animé, switch, like, burger. Cinq micro-interactions que l'apprenant réutilisera dans tous ses projets.

5 leçons
DESIGN SYSTEM

Les bases du design system

Composants, variants, styles de couleur et de texte : le parcours pose les fondations de ce que les équipes produit appellent un design system.

Transversal
Ce qui distingue ce parcours

Dix compétences, du premier rectangle au prototype animé

La plupart des formations Figma s'arrêtent aux outils de dessin. Celle-ci consacre un bloc entier à l'Auto Layout et aux composants — la partie qui sépare un utilisateur d'un designer produit — et se termine sur un prototype cliquable et animé.

  • Interface & frames
  • Formes & plume
  • Texte & couleurs
  • Alignement & grilles
  • Contraintes & styles
  • Auto Layout
  • Composants & variants
  • Prototypage & animations
  • Micro-interactions
  • Design system
Aperçu

Six leçons du parcours, en accès libre

Des extraits non montés, tels que vos apprenants les verront. Jugez la qualité de production, la clarté des explications et le rythme avant de vous engager.

Outils · Définir le texte3:03
Composants · Instance Swap2:12
Prototypage · La mise en place3:30
Exercice · L'énoncé du prototype0:37
Boutons · Le bouton burger6:03
Atelier Nike · La frame bleue3:02

Demander un accès de test au parcours complet

Tarifs

Deux façons d'acquérir ce parcours

Dans les deux cas : revente illimitée à vos apprenants, hébergement sur votre LMS, aucune commission sur vos ventes.

Exploitation à vie

Marque blanche

Vous achetez une fois, vous exploitez sans limite de durée
2 795 € HT
Prix par formation · dégressif dès le 3e parcours
  • Exploitation à vie, sans date d'expiration
  • Licence illimitée, sans redevance par apprenant
  • Fichiers MP4 HD disponibles sur cloud
  • Hébergement sur votre LMS
  • Personnalisation à votre marque
Demander un devis

Licence d'exploitation

Engagez-vous 12 mois pour tester votre audience sans risque.
119 € / mois HT
Engagement 12 mois minimum · soit 1 428 € sur l'année
  • Revente illimitée auprès de vos apprenants
  • Hébergement sur votre LMS
  • Mises à jour du contenu incluses
  • Bascule possible en marque blanche
Demander un devis

Comparer les deux formules en détail

Questions fréquentes

Ce que les organismes nous demandent sur ce parcours

À qui s'adresse cette formation ?

Aux débutants en design qui veulent concevoir des interfaces avec un outil moderne, aux designers UI/UX qui migrent depuis Photoshop ou Sketch, aux développeurs qui doivent lire et produire des maquettes, et aux chefs de projet digital. Aucun prérequis : le parcours démarre à la création du compte.

Le parcours est-il éligible à un référentiel RNCP ?

La maîtrise de Figma s'intègre dans plusieurs référentiels métiers, notamment Designer web (RNCP31114) et Chef de projet digital (RNCP34186). Le parcours seul ne constitue pas une certification, mais il couvre des compétences attendues par ces référentiels — c'est un argument à faire valoir dans votre dossier.

Mes apprenants doivent-ils acheter une licence ?

Non. Figma s'utilise gratuitement dans un navigateur, sur Mac comme sur PC, sans installation. C'est l'un des rares logiciels professionnels de design accessibles sans frais : aucune barrière à l'entrée pour vos inscrits.

Que contient exactement le kit Figma ?

75 leçons vidéo HD réparties en 8 chapitres et 3 ateliers créatifs, 6 exercices avec énoncé et correction filmée, et 3 quiz de validation. S'y ajoutent le guide du formateur et le dossier Qualiopi prérempli à personnaliser à votre nom.

L'Auto Layout et les composants sont-ils traités ?

Oui, et c'est ce qui distingue ce parcours. Un bloc entier y est consacré : théorie de l'Auto Layout, bouton simple, fenêtre flottante, carte Instagram en exercice, puis composants, variants, gestion des icônes, Instance Swap et propriétés de texte. C'est la partie qui sépare un utilisateur d'un designer produit.

Va-t-on jusqu'au prototype cliquable ?

Oui. Le parcours traite le prototypage de base, les animations, les transitions de type slide, les actions et l'effet de scroll — puis l'atelier « Nike interactif » assemble le tout en un prototype animé de huit leçons. Vos apprenants terminent avec un livrable qu'ils peuvent montrer.

Puis-je le revendre sous ma propre marque ?

Oui, c'est le principe. Vous apposez votre logo et votre charte sur les supports, vous hébergez les contenus sur votre plateforme, et vos apprenants n'ont aucun contact avec nous. La revente est illimitée en nombre d'apprenants, sans redevance ni commission sur vos ventes.

Le parcours est-il compatible avec mon LMS ?

Les vidéos sont livrées en MP4 HD via un lien de téléchargement sécurisé, et le format SCORM est disponible sur demande. Vous hébergez les fichiers sur votre propre plateforme, sous votre domaine — vos contenus restent les vôtres si vous changez de LMS.

Ajoutez Figma à votre catalogue

Demandez votre devis ou un accès de test au parcours complet. Nous vous répondons sous 24 heures ouvrées, avec le plan de formation détaillé et une proposition adaptée à votre volume.

Demander mon devis

Ou appelez-nous au 06 03 97 64 49