Logo Laptop  MENU
Formations

UI Design

UI Design

Explorez les horizons créatifs du design d’interface. De la théorie à la pratique, maîtrisez les principes essentiels du design de produit. Découvrez le processus complet d’un projet UI, en mettant l’accent sur l’accessibilité et l’éco-conception, jusqu’à la livraison et ses techniques. Expérimentez sur Figma et transformez votre expertise en un avantage compétitif sur le marché du design.

En bref

Alternant théorie et pratique en atelier, cette formation propose un apprentissage complet du design d’interface. Elle s’ouvre par un panorama des bases du branding appliqué au digital : identité visuelle, typographie, iconographie et chartes graphiques. Vous explorerez ensuite les principales règles et lois qui régissent le monde de l’UX, de l’UI et du Product Design : tels que les principes de Bastien et Scapin, les lois de la Gestalt ou encore un aperçu du contexte technique actuel.

Les participants suivront un projet fil rouge à partir d’un brief client et de personas, pour se projeter dans des conditions réalistes de travail. Ils exploreront les grandes étapes d’un projet UI : recherche, benchmark, wireframes, maquettes haute définition, composants, design responsive, accessibilité et éco-conception.

Des ateliers pratiques jalonneront chaque journée afin de manipuler Figma et FigJam : création d’écrans, structuration d’une bibliothèque de composants, prototypage et interactions. La formation inclut également les bonnes pratiques de collaboration avec les développeurs (handoff) et propose en clôture un atelier de synthèse autour d’un projet complet.

Une sélection d’outils incontournables (plugins, générateurs de couleurs et typos, ressources de design system, bibliothèques d’icônes, etc.) sera partagée pour permettre aux participants de progresser de façon autonome après la formation.

Ergonomie Interfaces Figma Design produit Branding Eco-conception UI Design

Durée

5 jours (40h) / 9h à 18h

Participants

16 max

Lieu

Paris ou à distance

Proch. session

02 au 06 Février 2026

Financement

OPCO, France Travail

Financements

Prix

2 750 €HT 3 300 €TTC

Note de nos apprenants

4.6/5

Voir les avis
Prochaines sessions
Postuler

Programme

UI Design

Ergonomie Interfaces Figma Design produit Branding Eco-conception UI Design

Basé sur une approche pratique, vous passerez par toutes les étapes de conception d’une interface : benchmark, wireframe, maquette basse et haute définition, prototypage. Composants, pattern, tendances, responsive et possibilités techniques n’auront plus de secret pour vous. L’accessibilité et l’écoconception resteront en toile de fond des échanges.

La formation met également l’accent sur la livraison, en couvrant les bonnes pratiques de collaboration avec les développeurs : comment transmettre ses designs et le spécifier, les interactions avec un Design System ou un UI Kit. Enfin, lors des ateliers mentorés sur Figma, les participants auront l’occasion d’expérimenter dans leur prototype des interactions, des plus basiques aux plus complexes, en fonction des besoins de leur projet.

Ergonomie Interfaces Figma Design produit Branding Eco-conception UI Design
  • Jour 1 Introduction au Design UI et Fondamentaux du Branding

    • Comprendre les bases du branding et leur importance dans le design UI
    • Découverte de l’écosystème de Figma et FigJam (collaboration et idéation)
    • Création d’une charte graphique (couleurs, typographies, pictogrammes)

    Atelier : Audit visuel d’interfaces existantes et amélioration des fondations graphiques

    Atelier fil rouge : Analyse d’un brief client et appropriation des personas

  • Jour 2 Processus et Conception d'interface utilisateur

    • Les grandes étapes du processus UI (de l’idée à la maquette HD)
    • Brainstorming et benchmark : recherche concurrentielle et inspirations visuelles
    • Comprendre les différents types de sites web et les bases du design responsive
    • Préparer efficacement son environnement de travail (workflow et organisation de fichiers)

    Atelier fil rouge : Création de wireframes HD à partir du brief

     

  • Jour 3 Composants, Guide de styles et Design responsive

    • Maîtriser les composants et leur utilisation dans Figma
    • Comprendre et appliquer l’Atomic Design
    • Créer et gérer des styles et composants dans Figma
    • Découverte des tendances actuelles en design UI
    • Initiation au design tactile et responsive (multi-devices)

     

    Atelier fil rouge : Mise en place d’un UI Kit / Guide de styles et déclinaison responsive

  • Jour 4 Accessibilité, Éco-conception et Approfondissement de Figma

    • Organisation avancée des fichiers (nomenclature, structuration)
    • Fonctionnalités avancées de Figma (autolayout, nested components)
    • Comprendre et appliquer les principes d’accessibilité dans le design UI
    • Découvrir et appliquer les techniques d’éco-conception dans la conception visuelle

    Atelier fil rouge : Maquette accessible et durable + itérations sur le projet en cours

  • Jour 5 Transmission (Hand Off), Design System et Prototypage sur Figma

    • Prototypage interactif : interactions, animations et micro-animations
    • Les bonnes pratiques de collaboration et de transmission aux développeurs (handoff, QA)
    • Structuration d’un Design System et adaptation multi-branding

    Atelier fil rouge : Finalisation du projet (prototype complet et handoff)

    Atelier de clôture : Design critique & restitution collective

    • Ressources clés : comment continuer à progresser en UI après la formation
  • 1 mois après la formation Mentorat

    Suivi post formation : Webinar de 2h 

    Un mois après la conclusion de votre formation, nous vous proposons de vous rassembler en promotion avec votre intervenant pour un webinar de suivi. Cette session, de deux heures en visioconférence, sera l’occasion de réaliser un retour d’expérience (REX) approfondi, permettant à chacun de partager ses progrès, ses défis et ses réussites depuis la fin de la formation. Cela vous permettra de poser toutes les questions qui ont pu émerger lors de la mise en application des compétences acquises.

    Ce webinar devrait ainsi renforcer votre apprentissage, approfondir votre compréhension et vous aider à intégrer plus efficacement les connaissances et les compétences développées durant notre programme. 

    Nous sommes convaincus que cette session enrichira votre expérience d’apprentissage et consolidera les liens au sein de notre communauté de professionnels.

  • ✔︎ Validation des acquis

    Les acquis de la formation seront validés au moyen d’exercices évalués tout au long des 5 jours

Photo d'Aurelien BArbier, intervenant formation Figma niveau 1
Photo de groupe de travail en formation UI
Photo pendant le module de formation Design Sprint avec Mathias Arlot
Photo prise en formation Lead Design

Prochaines sessions

02 au 06 Février 2026

Postuler
à distance

30 Mars au 03 Avril 2026

Postuler
Paris

01 au 05 Juin 2026

Postuler
Paris

Les intervenants

Voir tous les intervenants du laptop

Modalités

Toute la FAQ

« Formation complète, avec de la théorie et de la pratique, des formateurs très pédagogues et sympathiques. Je recommande ! »

Camille Delabre

Camille Delabre

Ui designer & artistic director

« J’ai beaucoup apprécié la qualité de l’animation et les thématiques abordées afin de bien saisir les bases mais aussi pour pouvoir voir plus loin dans sa réflexion et pratique »

Julia Gualdi

Julia Gualdi

UI designer

« Très satisfait à la fois du formateur et du contenu de la formation »

 

Michaël Mérignargues

Michaël Mérignargues

Graphic Designer / Illustrator

« La formation correspond tout à fait à l’idée que je m’en faisais. Interactive, dynamique et avec des modules permettant d’être dans l’opérationnel. »

Rémi Peyre

Rémi Peyre

Directeur UX & design

« Claire, nette, concise, pas trop longue ni trop courte, les formateurs sont top, le lieu et tout ce qui va avec est top aussi, la possibilité de faire en distanciel.»

Laurie CHONAVEL

Laurie CHONAVEL

UX/UI Designer - Session Janvier 2025

« Le formateur est très compétent (pédagogue et expert de son sujet) et le contenu est très complet »

Morgane MASSIMI

Morgane MASSIMI

Product Designer - Session Janvier 2025

« Formation géniale, intervenant de qualité, vraiment je suis super contente. J’ai appris énormément de choses.»

Julie POUPAT

Julie POUPAT

Product Designer - Session Janvier 2025

« La qualité des explications et le sujet UI abordé en profondeur.»

Elise TRUONG

Product Owner - Session Juin 2025

Heures portes ouvertes

Parler avec l'équipe pédagogique

S'inscrire

FAQ

Les questions fréquentes

Parcourir la FAQ
Dernière modification de cette page : 07-10-2025 à 15:15:48

Devenir membre du Laptop club

Rejoindre la communauté

carte membre

👉Découvrez notre nouvelle formation Agentic Experience Design : concevoir avec l'IA tout en maintenant l’humain au centre du processus créatif ✨

En savoir plus