Graphisme et multimédia
5$/h – Design UI – UX assisté par l’IA – Figma et UX Pilote
Objectifs
Cette formation vous permet de gagner du temps, d’accélérer votre créativité et de découvrir l’avenir du design. Ce programme intensif et pratique vous guide en passant par le design de l’idée brute jusqu’au code d’une solution numérique.
Vous y apprendrez à combiner UX Pilot, Figma et son agent IA, ainsi que Claude Code pour passer du design au code fonctionnel.
Concrétisez vos idées de produits numériques en exploitant le plein potentiel de l’intelligence artificielle comme levier créatif. Cette formation intensive s’adresse aux designers, aux développeuses et développeurs et entrepreneur·es souhaitant optimiser leurs flux de travail pour concevoir des solutions plus rapidement et avec une efficacité accrue.
À l’issue de la formation, les personnes participantes seront capables de :
- Générer et développer des idées de projet avec l’aide de l’IA;
- Organiser et structurer des fonctionnalités dans Figma et FigJam, avec l’aide de l’agent Figma;
- Créer une cartographie d’expérience assistée par l’IA;
- Produire rapidement des wireframes et des interfaces utilisateurs modifiables avec UX Pilot / Figma;
- Créer le design avec Figma, générer les exigences techniques et produire un premier prototype fonctionnel en code avec Claude Code;
- Automatiser des tâches de design répétitives (variantes, système de design, contenu réaliste, mode sombre) grâce à l’agent Figma.
Contenu du cours
Introduction au design assisté par l’IA
- Présentation de Figma et de son agent IA, d’UX Pilot et de Claude Code
- Mise en contexte
- Découverte des cas d’usage de la méthode assistée par IA
De l’idée au concept design
- Génération d’idées de projets avec UX Pilot
- Transformation en premières fonctionnalités
- Organisation dans FigJam et GPT
Structure des parcours utilisateurs
- Création et génération automatique des parcours utilisateurs
- Analyse
Du concept au design
- Génération de wireframes
- Analyse critique humaine
- Améliorations collectives
Écrans UI en haute-fidélité
- Paramétrage du style (couleurs, typo, thème)
- Génération automatique d’écrans cohérents
- Prévisualisation et ajustements avec UX Pilot ou l’agent Figma (variantes, mise à l’échelle du système de design, mode sombre, contenu réaliste)
Documentation et préparation du projet pour des agents
- Exportation vers Figma
- Génération des exigences techniques et bonnes pratiques de documentation pour la transmission du design aux développeurs
Du design au code avec Claude Code
- Connexion de Figma à Claude Code via le serveur MCP
- Génération de code à partir des maquettes (design-to-code) et récupération d’interfaces fonctionnelles vers des frames Figma éditables (code-to-design)
- Production d’un prototype fonctionnel et introduction aux bonnes pratiques de collaboration designer-développeur
Approche pédagogique
- Présentation des objectifs, des outils (Figma et agent Figma, UX Pilot, Claude Code) et des cas d’usage.
- Séquences courtes de théorie et démonstration guidée des outils pour la pratique.
- Ateliers de cocréation (idéation, parcours, wireframes) avec rétroaction immédiate et principe de facilitation.
- Discussions collectives pour comparer l’apport de l’humain et de l’IA dans le processus.
- Préparation d’un livrable de projet concret codé et documenté et exploitable dans le monde du travail.
Préalables
- Avoir une bonne connaissance du Web et de la création de sites Web.
- Posséder une connaissance de base des logiciels de mise en page/maquettage comme Figma est un atout.
- Connaissance de l’utilisation d’une IA conversationnelle comme GPT-5 ou autre.
- Installer sur son ordinateur en version gratuite minimalement, pour la durée de la formation :
- UX Pilot
- Il est à noter que l’accès aux fonctions avancées ne sont disponibles qu’avec un compte payant
- Claude Code (dans la limite des quotas quotidiens)
- Frais d’abonnement au besoin : 22 $ US par mois.