Aller directement au contenu
Format : Stage pratique
Niveau Fondamentaux
Répartition du temps : 25% exposés
60% pratique
15% échanges

La formation en détails

Description

En matière d'UI Design, Figma s'est imposé ces dernières années comme un standard indétrônable des outils collaboratifs de prototypage de produits digitaux. 

Poussant la collaboration à son plus haut niveau, Figma permet aux Designers, POs, PM, développeurs et utilisateurs finaux, de concevoir et travailler en même temps sur leur produit digital.

Conçue et animée par des experts et expertes OCTO Technology du design d'interface, cette formation est majoritairement basée sur la pratique de l'outil pour une prise en main rapide et efficace. 

En réalisant des maquettes graphiques animées, chaque stagiaire sera capable de concrétiser ses idées de solution pour collaborer au sein de son équipe et recueillir des feedbacks utilisateurs sur son produit.

À l'issue des deux jours, l'accent sera mis sur la réalisation d'un prototype interactif et animé sur la base des maquettes conçues par chaque stagiaire.

Objectifs

  • Identifier les possibilités offertes par Figma aux différentes étapes de la conception d'un produit digital
  • Appréhender l'environnement Figma et ses principales fonctionnalités
  • Concevoir des maquettes fonctionnelles et graphiques de qualité
  • Réaliser un prototype interactif pour une démonstration ou un test utilisateurs
  • Déployer rapidement un parcours expérientiel pour effectuer des tests utilisateur
  • Gagner un temps précieux en utilisant les librairies partagées et les ressources mises en ligne par la communauté Figma

Public cible

  • UX / UI / Product Designer ne connaissant pas ou peu Figma.
  • UX / UI / Product Designer connaissant Figma et souhaitant maîtriser le logiciel
  • Graphiste / Directeur artistique / Web designer souhaitant prendre en main ce logiciel
  • PO, PM, développeur, équipe marketing, étant amenée à modifier et créer des maquettes avec Figma

Prérequis

Avoir des notions en design d'interfaces.

Avoir une bonne maîtrise des outils standards de création graphique.
Posséder un compte Figma (la version gratuite suffit pour les mises en pratique déroulées lors de la formation).

Modalités pédagogiques

Formation avec apports théoriques, échanges sur les contextes des participant·e·s et retours d'expérience pratique des formateur·rice·s, complétés de travaux pratiques et de mises en situation.
Logo Accessibilité

Accessibilité

L'inclusion est un sujet important pour OCTO Academy.
Nos référent·es sont à votre disposition pour faciliter l'adaptation de votre formation à vos besoins spécifiques.

Notre politique accessibilité Contacter nos référent·es

Profil du formateur

Cette formation est dispensée par un·e ou plusieurs consultant·es d'OCTO Technology ou de son réseau de partenaires, expert·es reconnus des sujets traités.

Le processus de sélection de nos formateurs et formatrices est exigeant et repose sur une évaluation rigoureuse leurs capacités techniques, de leur expérience professionnelle et de leurs compétences pédagogiques.

Modalités d'évaluation et de suivi

L'évaluation des acquis se fait tout au long de la session au travers des ateliers et des mises en pratique.

Afin de valider les compétences acquises lors de la formation, un formulaire d'auto-positionnement est envoyé en amont et en aval de celle-ci.

En l'absence de réponse d'un ou plusieurs participants, un temps sera consacré en ouverture de session pour prendre connaissance du positionnement de chaque stagiaire sur les objectifs pédagogiques évalués.

Une évaluation à chaud est également effectuée en fin de session pour mesurer la satisfaction des stagiaires et un certificat de réalisation leur est adressé individuellement.

Programme détaillé

Jour 1

OUVERTURE DE SESSION

  • Accueil des stagiaires et tour de table des attentes
  • Présentation du déroulé de la formation

INTRODUCTION À FIGMA

  • Utilisation de Figma tout au long du processus de conception
  • Principes basiques en UI design

FAIRE SES PREMIERS PAS AVEC FIGMA

  • Présentation de l'interface (pages, layers, assets, librairies, bottom bar, volets design et prototypes)
  • Présentation des styles de couleurs et des textes
  • Bonnes pratiques de Figma (organisation des fichiers et des pages, raccourcis claviers et plugins complémentaires)
  • Mise en pratique : "Créer ses premières feuilles de style"

VARIABLES

  • Présentation des variables
  • Utilisation des modes pour gagner en efficacité
  • Mise en pratique : "Créer ses variables"

FRAMES, GROUPS ET AUTO LAYOUTS

Frames et groups

  • Présentation des frames et des groupes : utilisation et propriétés
  • Gestion de la position des éléments grâce aux contraintes
  • Mise en pratique : "Tester les contraintes"

Auto layouts

  • Définition du padding, du spacing, des margins
  • Présentation des auto layouts
  • Paramétrage des auto layouts selon les cas d'usages
  • Mise en pratique : "Construire une carte complexe responsive avec l'auto layout"

 

Jour 2

Rappel des fonctionnalités clés abordées lors de la journée précédente

LES COMPOSANTS

  • Définition d'un composant et des instances
  • Présentation de propriétés (variants, booleans, instance swap, text property)
  • Mise en pratique : "Créer un composant et lui attribuer des propriétés"

LE PROTOTYPE

  • Choix du device et du format
  • Création et paramétrage des interactions entre les différents composants
  • Prise en main des outils d'animation
  • Composants parents et composants interactifs : intérêts et cas d'usages
  • Mise en pratique : "Créer son premier prototype"

MISE EN PRATIQUE : CRÉATION D'UN PROTOTYPE DE PARCOURS D'ONBOARDING

  • Conception de différentes pages d'onboarding, d'une page d'accueil et d'un menu, à partir de wireframe prédéfinis
  • Utilisation de toutes les fonctionnalités et application des bonnes pratiques fonctionnelles et UI
  • Animation du prototype
  • Présentation des travaux et échanges en groupe

CONCLUSION

  • Revue des concepts clés abordés sur les deux journées
  • Séance de questions et réponses
  • Clôture de la session

Ce qu'en disent les participants

4.50 / 5
Satisfaction moyenne
Sur la base de 9 avis, collectés en fin de formation durant les 12 derniers mois.
100 %
recommandent cette formation
Sur la base de 9 avis, collectés en fin de formation durant les 12 derniers mois.

Nos autres formations du domaine « Product Design » Toutes les formations du domaine

UXDDS Design de Service : concevoir un service fondé sur l’expérience utilisateur
S'approprier la méthodologie UX appliquée au Design de Service
Durée : 14 h / 2 j
Fondamentaux
 
 
 
 
Prochaine session : 17 novembre 2025
UXDES UX Design : intégrer la démarche dans ses projets
Adopter une approche centrée utilisateur pour concevoir des produits et services à fort impact
Nouveau
Durée : 14 h / 2 j
Fondamentaux
 
 
 
 
Prochaine session : 27 novembre 2025
UXSTR Stratégie UX : de la vision à l'impact
Renforcer son leadership et faire grandir ses équipes design
Nouveau
Durée : 14 h / 2 j
Avancé
 
 
 
 
Prochaine session : 01 décembre 2025

Découvrez les profils métiers associés à cette formation

Product Designer
Le design d'expérience au service de la réussite du produit
UX Designer
La maîtrise de l'ergonomie web pour des produits intuitifs et impactants

Besoin d'aide pour trouver votre formation ?

Contactez-nous

Sessions & Inscriptions

Session partagée avec d'autres organisations

Aucune session n'est programmée pour le moment 😕

N'hésitez pas à nous contacter pour signaler votre besoin !

Durée
14 h / 2 j

Nous contacter Télécharger le programme

Organiser une session dédiée à votre organisation

Durée
14 h / 2 j

Vous avez plusieurs collaborateurs à former ?

Cette formation peut être organisée
sous la forme de sessions dédiées
aux membres de votre organisation.

Demander un devis Nous contacter Télécharger le programme

Personnaliser cette formation

Cette formation vous intéresse
et vous souhaitez l'adapter pour
vos collaborateurs ?

Nos formateurs et notre équipe pédagogique sont à
votre disposition pour en discuter
et vous proposer un programme sur-mesure.

Nous contacter Télécharger le programme

OCTO Academy respecte votre vie privée

Ce site web stocke des informations vous concernant via le dépôt de cookie afin de mesurer l’audience du site. Ces données de navigation sont anonymisées.

En cliquant sur « OK pour moi », vous manifestez votre consentement pour le dépôt de ces cookies.

Lire la politique de confidentialité

À propos des cookies

Sur ce site, nous utilisons des cookies pour mesurer notre audience, entretenir la relation avec vous et vous adresser de temps à autre du contenu qualitif ainsi que de la publicité. Vous pouvez sélectionner ici ceux que vous autorisez à rester ici.

Cookies