L'IA pour l'UI design
Date de mise à jour :
Identifiant Offre Info : 14_AF_0000298802
Organisme responsable :
GOBELINS
(ouvre dans un nouvel onglet)
Présentation de la formation
Objectifs
- Structurer un projet UI et explorer des directions visuelles avec des outils d'IA.
- Produire et améliorer des maquettes et des prototypes dans Figma avec l'IA.
- Connecter Figma à des agents IA pour faciliter le passage du design au code.
Programme de la formation
our 1 — Cadrer, structurer et explorer une interface avec l'IA Comprendre les apports et les limites de l'IA en UI design Identifier les usages de l'IA pour analyser un brief, structurer un projet, produire des interfaces, documenter et préparer le passage au code. Distinguer les approches génératives et agentiques et choisir les outils adaptés à chaque étape du workflow. Évaluer les résultats au regard de la cohérence UX, de l'accessibilité, de la qualité graphique,…
Comprendre les apports et les limites de l'IA en UI design
- Identifier les usages de l'IA pour analyser un brief, structurer un projet, produire des interfaces, documenter et préparer le passage au code.
- Distinguer les approches génératives et agentiques et choisir les outils adaptés à chaque étape du workflow.
- Évaluer les résultats au regard de la cohérence UX, de l'accessibilité, de la qualité graphique, des droits d'usage et de la confidentialité.
- Générer une arborescence à partir d'un brief et hiérarchiser les pages, les contenus et les parcours.
- Produire des wireframes comme base d'exploration et de discussion.
- Sélectionner, modifier ou écarter les propositions selon les objectifs du projet et les besoins des utilisateurs.
- Générer une interface à partir d'un prompt, d'un croquis, d'une image ou d'une référence visuelle.
- Produire plusieurs directions graphiques pour un même écran et affiner les résultats.
- Repérer les éléments à conserver, reconstruire ou transférer dans Figma.
- Formuler des requêtes précisant le contexte, les objectifs, les publics, les contenus et les contraintes.
- Itérer sur les propositions pour améliorer la structure, la hiérarchie, la cohérence visuelle et l'accessibilité.
Produire et harmoniser des interfaces avec les fonctions IA de Figma
- Générer ou enrichir une première proposition d'interface à partir d'un brief, d'un kit UI ou d'un Design System.
- Adapter les contenus, rechercher des assets, renommer les calques, ajouter des interactions et générer de petits plugins répondant à des besoins spécifiques.
- Générer, modifier, détourer, étendre, améliorer ou vectoriser des images directement dans le workflow.
- Transformer une maquette ou une intention de design en prototype fonctionnel.
- Ajuster les contenus, les styles, les espacements, les états et les comportements interactifs.
- Explorer des interactions avancées, telles que les animations au défilement, les sliders ou les transitions complexes.
- Comprendre le rôle du serveur MCP Figma et transmettre le contexte d'un fichier, d'un lien ou d'une sélection de frames.
- Connecter Figma à un assistant compatible, tel que Claude Code ou Codex dans Visual Studio Code.
- Générer une structure HTML/CSS ou React à partir de la maquette et analyser la fidélité du résultat.
Validation et sanction
Type de formation
Non certifiante
Niveau de sortie
Sans niveau spécifique
Durée, rythme, financement
Durée
En centre
14 h
Financement
- Conventionnement
- Non
Conditions d'accès
Public visé
- Tout public
Niveau d'entrée
Sans niveau spécifique
Conditions spécifiques et prérequis
-
Lieu de réalisation de l'action
Modalités d'enseignement
Formation entièrement en présentielle
Adresse
247 Avenue Gambetta75020 Paris 20e
Responsable : Gobelins, L'Ecole de l'Image Gambetta
Périodes prévisibles de déroulement des sessions
Début
Fin
- Adresse d'inscription
-
GOBELINS
75013 Paris 13e - État du recrutement
- Ouvert
- Modalités
- Entrées / Sorties à dates fixes