PAO

IA dans le webdesign

3 jours (21h) 8 stagiaires max

Objectifs

Intégrer l'intelligence artificielle à chaque étape du processus de conception web, de larecherche UX à la publication, en passant par l’UI. Maîtriser les outils IA dans Figma etFramer, exploiter Claude Code pour générer et affiner du code front-end, et connecterses outils de design via le MCP Figma pour un workflow professionnel entièrementaugmenté par l'IA.

Public concerné

Designer graphiques, Web designer, UI/UX designer, product designer, chef de projetdigital, développeur front-end souhaitant intégrer le design. Toute personne impliquéedans la conception d'interfaces web souhaitant exploiter l'IA dans son workflow.

Pré-requis

Notions de base en design web ou graphisme. Avoir déjà utilisé Figma ou un outil dedesign similaire. Pas de notions d’ia ou de connaissances de Claude necessaires. Le workflow utilisera des outils gratuit à l’exception de Claude code. Un accès à Figma education ou Pro est un plus mais n’est pas indispensable.

Programme détaillé

Module 1 - Contexte et vocabulaire
Panorama des outils IA pour le design et le développement web en 2025 Comprendre le fonctionnement d'un LLM : prompts, tokens, hallucinations Différence entre no-code, low-code et code assisté par IA
Présentation de la stack de la formation : Claude, Figma, MCP Figma, Claude Code (outil payant), Framer
Mise en place de l'environnement de travail et des accès outils
Organiser et nommer ses projets pour travailler efficacement avec l'IA
Module 2 - UX
Générer un brief et des objectifs de projet avec Claude
Créer des personas et des scénarios utilisateurs assistés par IA
Construire une architecture d'information et un arbre de contenu avec Relume Générer des wireframes à partir de prompts textuels avec Wireframer
Préparer une présentation de phase UX avec l'aide de l'IA
Module 3 - UI
Créer des moodboards et explorer des directions artistiques
Construire un design system assisté par IA dans Figma Générer et décliner des composants automatiquement
Installer et configurer le MCP Figma
Connecter Figma à Claude via le MCP
Vérifier l'accessibilité avec l'IA (contrastes, lisibilité, WCAG)
Présenter et argumenter ses choix UI avec l'aide de l'IA
Module 4 - Developpement pour les non-dev
Présentation de Claude Code (abonnement payant Pro ou Max requis)
Connecter Claude Code au MCP Figma : de la maquette au code en une commande
Lire, corriger et valider le code généré sans être développeur
Alternative : Injecter du code généré par Claude Code dans Framer
Voir aussi

Ils ont aussi
suivi ces formations

PAO CPF

Illustrator [Perfectionnement]

Développer ses compétences sur Illustrator, mieux gérer tracer, masques filtres effets et déformation.

3 jours (21h) Voir →
PAO

Indesign [Publication Numérique]

Fournir aux participants les compétences nécessaires pour concevoir, créer et produire des contenus numériques de quali…

2 jours (14h) Voir →
PAO

Canva

Connaître les règles de base de la composition graphiques afin de concevoir des fichiers cohérents graphiquement et des…

2 jours (14h) Voir →
PAO

Stable Diffusion Perfectionnement

Approfondir la maîtrise des fonctionnalités avancées de Stable diffusion ComfyUI pour générer et retoucher des images. …

3 jours (21h) Voir →
PAO CPF

Indesign [Perfectionnement]

Maîtriser les fonctions avancées d’InDesign. Intégrer l’utilisation complémentaire des autres outils de PAO.

3 jours (21h) Voir →
PAO CPF

Indesign [Initiation Et Perfectionnement]

Maîtriser les fonctions avancées d’InDesign. Intégrer l’utilisation complémentaire des autres outils de PAO.

6 jours (42h) Voir →
Azur Conseil
Azur Conseil
En ligne

Bonjour ! Comment pouvons-nous vous aider ? Formation, devis, financement — posez-nous votre question.