Formation · Agentic Coding · UX design & prototypage

Agentic Coding pour les designers UX

Maîtriser les agents de développement autonomes : spécifications, découpage des tâches, boucles de tests, multi-agents et gouvernance.

Durée
2 jours (14 h)
Format
En ligne ou en présentiel
Langue
Allemand ou anglais
Participants
sessions ouvertes ou intra-entreprise
Attestation
Attestation de participation

Présentation

« Agentic Coding pour les designers UX » s’adresse notamment aux profils suivants : Designers UX et UI, Product designers et designers d’interaction et UX researchers souhaitant tester rapidement des variantes. Elle montre pas à pas comment utiliser Agentic Coding de manière productive, sûre et traçable dans le domaine UX design & prototypage – des bases aux workflows avancés.

L’agentic coding consiste à travailler avec des agents d’IA qui réalisent des tâches de développement de manière largement autonome : ils lisent le code, planifient les modifications, exécutent commandes et tests, puis se corrigent à partir des résultats. Claude Code, OpenAI Codex, l’agent de codage de GitHub Copilot ou le mode Agent de Cursor rendent cette approche praticable au quotidien. Cette formation indépendante des éditeurs transmet la méthode sous-jacente pour obtenir des résultats fiables quel que soit l’outil et repenser le rôle du développeur.

Le changement clé consiste à passer du prompt improvisé à la spécification solide. Vous apprenez à découper et décrire les tâches pour que les agents les mènent à bien, à mettre en place des boucles pilotées par les tests où ceux-ci servent de critère d’acceptation objectif, et à faire travailler plusieurs agents en parallèle ou en répartissant les rôles. Nous abordons aussi la revue du code produit par les agents et la gouvernance d’équipe : permissions, limites de sécurité, responsabilités, maîtrise des coûts et adoption progressive.

Les outils de codage IA déplacent la frontière entre design et développement : les designers UX peuvent désormais créer des prototypes interactifs en vrai code au lieu de simples maquettes cliquables. À partir d’une capture d’écran, d’un croquis ou d’une description, on obtient rapidement une interface fonctionnelle avec ses états, sa logique de formulaire et des données d’exemple, qui se comporte en test utilisateur comme un produit fini. Les assistants IA traduisent aussi design tokens, bibliothèques de composants et contrôles d’accessibilité directement en code. Cette formation vous montre comment le vibe coding et les agents IA accélèrent le passage de l’idée au prototype testable, comment transmettre proprement vos résultats aux équipes de développement et où passe la limite entre prototype et logiciel prêt pour la production.

La formation se déroule en direct – en ligne dans une classe virtuelle ou en présentiel dans nos salles à Munich, Salzbourg, Berlin, Augsbourg, Hanovre, Brême, Stuttgart et Kaiserslautern. Nous pouvons également l’organiser en intra pour votre équipe.

À qui s’adresse cette formation ?

  • Designers UX et UI
  • Product designers et designers d’interaction
  • UX researchers souhaitant tester rapidement des variantes
  • Product owners et chefs de produit impliqués dans la conception
  • Équipes design system travaillant avec le développement front-end

Les défis concrets que nous traitons

  • Des maquettes statiques qui rendent mal les interactions, les états et les données réelles
  • Des passations vers le développement qui perdent détails, espacements et logique de comportement
  • Une longue attente de capacité de développement pour mener expérimentations et tests A/B
  • Une accessibilité prise en compte tardivement et de façon incomplète

Objectifs pédagogiques

  • Vous comprenez le fonctionnement des agents de développement et choisissez l’outil et le degré d’autonomie adaptés.
  • Vous rédigez des spécifications et un contexte projet sur lesquels les agents s’appuient de façon fiable.
  • Vous découpez les chantiers en sous-tâches vérifiables et pilotez les agents par des boucles fondées sur les tests.
  • Vous mettez en œuvre des configurations multi-agents et du travail parallèle de manière maîtrisée.
  • Vous créez avec l’IA des prototypes interactifs en code et testez vos idées bien plus tôt auprès des utilisateurs.
  • Vous traduisez design system et tokens en code et fluidifiez la passation aux équipes de développement.
  • Vous vérifiez méthodiquement l’accessibilité de vos prototypes et savez distinguer prototype et code de production.

Programme

Jour 1

Module 1 Les bases du développement agentique
  • Fonctionnement des agents : appels d’outils, fenêtre de contexte, boucles de rétroaction
  • Comparer les outils : agents en terminal, agents dans l’IDE, agents cloud
  • Identifier les tâches adaptées et choisir consciemment le degré d’autonomie
  • Le nouveau rôle dans l’équipe : de l’implémentation au pilotage et à la validation
Module 2 La spécification plutôt que le prompt
  • Décrire une tâche avec objectif, contexte, contraintes et critères d’acceptation
  • Ancrer le contexte projet dans des fichiers comme CLAUDE.md, AGENTS.md ou des rules
  • Démarche plan d’abord : faire proposer une approche par l’agent et la valider avant exécution
  • Versionner les spécifications et les maintenir dans le dépôt
Module 3 Découpage des tâches et boucles pilotées par les tests
  • Découper un chantier en sous-tâches indépendantes et vérifiables
  • Faire écrire les tests d’abord et s’en servir comme critère d’arrêt objectif
  • Utiliser linters, vérifications de types et builds comme retours automatiques
  • Détecter une boucle qui stagne et relancer avec une autre stratégie
Module 4 Configurations multi-agents et parallélisation
  • Définir des sous-agents spécialisés pour la recherche, l’implémentation, les tests et la revue
  • Organiser le travail parallèle avec branches, worktrees et environnements isolés
  • Orchestration : consolider les résultats et résoudre les conflits
  • Partager outils et sources de données via MCP

Jour 2

Module 5 Revue, sécurité et gouvernance d’équipe
  • Stratégies de revue pour des modifications volumineuses produites par des agents
  • Définir permissions, sandbox et protections contre l’injection de prompt
  • Intégrer les agents aux pipelines CI et au processus de pull request
  • Planifier règles d’équipe, responsabilités, coûts et déploiement progressif
Module 6 Atelier pratique : UX design & prototypage
  • Prototypes cliquables en code
  • Produire des variantes à tester
  • Traduire les design tokens en code
  • Contrôler l’accessibilité
  • Concevoir les micro-interactions
  • Exploiter la recherche utilisateur
Module 7 Protection des données, qualité & mise en pratique
  • Les prototypes contiennent souvent des idées de produit non publiées et des données issues de la recherche utilisateur : vous apprenez à pseudonymiser les notes d’entretien conformément au RGPD, à clarifier les droits sur polices, images et ressources générées et à anticiper les exigences de l’Acte européen sur l’accessibilité.
  • Règles du jeu pour un usage sûr de l’IA en équipe
  • Vérifier les résultats : faits, sources, tests et principe des quatre yeux
  • Plan d’action personnel pour les 30 prochains jours
  • Questions ouvertes, perspectives et ressources pour aller plus loin

Cas pratiques de votre domaine

Prototypes cliquables en code

Transformer croquis, wireframes ou captures d’écran en prototypes web fonctionnels avec navigation, validation de formulaires, états de chargement et d’erreur et données réalistes, testables directement dans le navigateur.

Produire des variantes à tester

Générer en parallèle plusieurs variantes d’un parcours, par exemple l’onboarding ou le tunnel de commande, et les préparer pour des tests utilisateurs ou des tests A/B avec peu d’ajustements.

Traduire les design tokens en code

Structurer couleurs, typographie, espacements et arrondis du design system sous forme de tokens et les convertir en variables CSS, configuration Tailwind ou fichiers de thème pour les bibliothèques de composants.

Contrôler l’accessibilité

Examiner contrastes, HTML sémantique, navigation au clavier, ordre de focus et attributs ARIA, puis faire appliquer directement dans le code des améliorations concrètes conformes aux WCAG.

Concevoir les micro-interactions

Décrire transitions, animations et retours visuels puis les implémenter en CSS ou JavaScript, afin d’évaluer rythme et effet très tôt dans le support réel plutôt que dans un outil de dessin.

Exploiter la recherche utilisateur

Regrouper les notes d’entretiens et de tests, faire émerger tendances et points de friction et en tirer des hypothèses de conception priorisées, intégrées directement à la prochaine itération du prototype.

Projets pratiques possibles

Prototype d’onboarding

Un parcours d’onboarding en plusieurs étapes sous forme d’application web, avec barre de progression, validation et sauvegarde des saisies, prêt pour des tests modérés.

Convertisseur de tokens

Un petit outil qui lit des design tokens exportés et génère variables CSS, palette de couleurs avec ratios de contraste et page d’aperçu.

Vitrine de composants

Une page qui présente boutons, formulaires et cartes de votre design system dans tous leurs états, en mode clair comme en mode sombre.

Prérequis

Vous avez plusieurs années d’expérience en développement, maîtrisez Git, les tests et la CI, et avez idéalement déjà utilisé des outils de codage assisté par IA. Vous avez une expérience du design UX ou UI et des outils de conception courants ; aucune compétence en programmation n’est requise, mais des notions de HTML et CSS sont utiles.

Prérequis techniques

Ordinateur portable personnel avec Git, un terminal et votre environnement de développement, ainsi qu’un accès à au moins un agent comme Claude Code, Codex, Copilot ou Cursor.

Protection des données & conformité

Les prototypes contiennent souvent des idées de produit non publiées et des données issues de la recherche utilisateur : vous apprenez à pseudonymiser les notes d’entretien conformément au RGPD, à clarifier les droits sur polices, images et ressources générées et à anticiper les exigences de l’Acte européen sur l’accessibilité.

Dates proposées

Toutes les dates sont indicatives – votre date souhaitée est toujours possible.

  • mer. 25 novembre 2026 – jeu. 26 novembre 2026 En ligne Demander
  • mer. 9 décembre 2026 – jeu. 10 décembre 2026 Salzbourg Demander
  • mar. 15 décembre 2026 – mer. 16 décembre 2026 En ligne Demander
  • jeu. 14 janvier 2027 – ven. 15 janvier 2027 Brême Demander
  • mer. 27 janvier 2027 – jeu. 28 janvier 2027 En ligne Demander
  • lun. 8 février 2027 – mar. 9 février 2027 Augsbourg Demander

Questions fréquentes

Quelle différence entre agentic coding et vibe coding ?

Le vibe coding mise sur des itérations rapides et intuitives en langage naturel et convient surtout aux prototypes. L’agentic coding est une démarche d’ingénierie pour des bases de code professionnelles : spécifications précises, tests comme critères d’acceptation, permissions encadrées et revues structurées garantissent des résultats fiables et maintenables, y compris sur des projets complexes et durables.

La formation est-elle liée à un outil particulier ?

Non. Elle transmet des méthodes qui fonctionnent avec Claude Code, OpenAI Codex, l’agent de codage de GitHub Copilot, Cursor et les outils comparables. Les exercices font ressortir différences et points communs, par exemple pour les fichiers de contexte, les permissions et les sous-agents. Vous travaillez avec l’outil déjà utilisé ou envisagé dans votre entreprise.

Comment garder la maîtrise de la qualité et de la sécurité avec des agents autonomes ?

La maîtrise repose sur plusieurs niveaux : permissions restreintes et sandbox, tests et analyse statique comme contrôles automatiques, revue humaine obligatoire avant fusion et règles d’équipe claires sur les responsabilités. Pendant la formation, vous élaborez un cadre de gouvernance adapté à vos processus, à vos exigences de sécurité et à vos obligations réglementaires.

Faut-il savoir programmer quand on est designer ?

Non. Vous décrivez interfaces et comportements en langage naturel, avec croquis ou captures d’écran, et l’outil d’IA génère le code. Connaître quelques notions comme composant, état ou classe CSS aide toutefois à piloter finement le résultat. Nous abordons ces notions de façon concrète pendant la formation, pour que vous puissiez faire évoluer vos prototypes en autonomie.

L’équipe de développement peut-elle reprendre le code du prototype ?

Parfois, mais il sert le plus souvent de spécification précise. Un prototype est optimisé pour la rapidité, pas pour la sécurité, la performance ou la maintenabilité. En utilisant dès le départ la même bibliothèque de composants et les mêmes tokens que le produit, la réutilisation devient bien plus probable. La formation vous aide à organiser des passations utiles aux deux parties.

Combien coûte la formation « Agentic Coding pour les designers UX » ?

La formation coûte 949 € HT forfaitaires par participant – en ligne comme en présentiel. Sont inclus 2 jour(s) de formation avec un formateur en direct, les supports de cours, un environnement d’exercice et une attestation de participation.

Puis-je proposer ma propre date ?

Oui. Nos dates sont indicatives. Dans le formulaire, vous pouvez à tout moment indiquer librement la date ou la période souhaitée – nous vérifions les disponibilités et confirmons sous un jour ouvré.

La formation a-t-elle lieu en ligne ou en présentiel ?

Les deux sont possibles : en direct dans une classe virtuelle ou en présentiel à Munich, Salzbourg, Berlin, Augsbourg, Hanovre, Brême, Stuttgart ou Kaiserslautern. Nous pouvons aussi l’organiser en intra pour votre équipe.

Autres formations pour les designers UX

Autres formations Agentic Coding

Les 32 formations Agentic Coding

Agentic Coding · MunichAgentic Coding · SalzbourgAgentic Coding · BerlinAgentic Coding · AugsbourgAgentic Coding · HanovreAgentic Coding · BrêmeAgentic Coding · StuttgartAgentic Coding · KaiserslauternAgentic Coding · En ligne