Formation · OpenAI Codex · UX design & prototypage

OpenAI Codex pour les designers UX

Déléguer le développement avec OpenAI Codex : CLI et agent cloud, AGENTS.md, sandbox, approbations et workflows de PR en équipe.

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

Cette formation associe OpenAI Codex aux processus quotidiens du domaine UX design & prototypage. Les participants travaillent sur des scénarios réalistes et repartent avec des prompts, des workflows et des checklists immédiatement utilisables.

OpenAI Codex est un agent de développement qui fonctionne aussi bien en local, sous forme d’outil en ligne de commande et d’extension d’IDE, que dans le cloud. En local, Codex lit votre dépôt, propose des modifications et exécute des commandes dans un environnement isolé. Dans le cloud, il traite en parallèle les tâches que vous lui déléguez dans des conteneurs dédiés et restitue des diffs ou des pull requests traçables. En deux jours, vous apprenez à combiner ces deux usages et à découper le travail pour que l’agent le mène à bien.

Le pilotage et la sécurité sont au cœur de la formation. Avec AGENTS.md, vous transmettez à Codex la connaissance du projet, les commandes de build et de test ainsi que vos conventions. Vous configurez les modes d’approbation et la sandbox pour que l’agent n’agisse que dans le cadre autorisé, et préparez des environnements cloud avec des scripts d’installation adaptés. Vous intégrez enfin Codex à vos workflows de pull request, exploitez la revue de code automatisée et fixez les règles de délégation et de contrôle avant fusion.

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 utilisez Codex en local et dans le cloud pour les tâches de développement adaptées à chaque mode.
  • Vous rédigez un AGENTS.md qui guide l’agent de manière fiable dans votre projet.
  • Vous configurez modes d’approbation et sandbox selon vos exigences de sécurité.
  • Vous déléguez des tâches à l’agent cloud et en vérifiez méthodiquement les résultats.
  • 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 Panorama de Codex : CLI, IDE et cloud
  • Comparer le fonctionnement de Codex en local et dans le cloud
  • Installer la CLI Codex, s’authentifier et la lancer dans un dépôt
  • Sessions interactives, exécution non interactive et choix du modèle
  • Distinguer les tâches adaptées à un agent de celles qui ne le sont pas
Module 2 La connaissance du projet avec AGENTS.md
  • Construire un AGENTS.md avec les commandes de build, de test et de lint
  • Formuler précisément conventions, repères d’architecture et interdits
  • Utiliser des AGENTS.md imbriqués pour les monorepos et sous-projets
  • Mesurer l’effet des consignes et les améliorer par itérations
Module 3 Sandbox, approbations et sécurité
  • Choisir le mode d’approbation, de la lecture seule à une large autonomie
  • Comprendre les limites de la sandbox pour le système de fichiers et le réseau
  • Gérer secrets, dépendances téléchargées et injection de prompt
  • Fichiers de configuration pour des standards d’équipe et des réglages sûrs par défaut
Module 4 Déléguer des tâches à l’agent cloud
  • Configurer des environnements cloud avec scripts d’installation et dépendances
  • Rédiger des tâches avec objectif, contexte et critères d’acceptation
  • Lancer plusieurs tâches en parallèle et comparer les résultats
  • S’appuyer sur les journaux et sorties de tests pour comprendre les solutions

Jour 2

Module 5 Workflows de PR et revue de code en équipe
  • Transformer les résultats en pull requests et demander des corrections
  • Utiliser la revue de code automatisée de Codex sur GitHub
  • Intégrer Codex dans des scripts et des pipelines CI
  • Définir les règles d’équipe : délégation, obligations de revue, responsabilités
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 une pratique réelle de la programmation, maîtrisez Git et la ligne de commande et connaissez les workflows basés sur les pull requests. 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 terminal, Git et environnement Node.js ; une offre ChatGPT incluant Codex ou une clé API OpenAI, ainsi qu’un compte GitHub pour les exercices cloud.

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.

  • jeu. 26 novembre 2026 – ven. 27 novembre 2026 En ligne Demander
  • mer. 9 décembre 2026 – jeu. 10 décembre 2026 Stuttgart Demander
  • mer. 13 janvier 2027 – jeu. 14 janvier 2027 En ligne Demander
  • lun. 18 janvier 2027 – mar. 19 janvier 2027 Berlin Demander
  • mer. 27 janvier 2027 – jeu. 28 janvier 2027 En ligne Demander
  • jeu. 11 février 2027 – ven. 12 février 2027 Munich Demander

Questions fréquentes

Quand utiliser Codex en local et quand dans le cloud ?

En local, vous travaillez de manière interactive au plus près du code, par exemple pour déboguer ou explorer une piste en suivant chaque étape. L’agent cloud convient aux tâches bien délimitées qui peuvent se dérouler seules, comme compléter des tests ou corriger de petits bugs. Vous pouvez en lancer plusieurs en parallèle et relire chacune sous forme de pull request.

Que doit contenir un bon AGENTS.md ?

Un bon AGENTS.md explique comment construire, tester et vérifier le projet, quelles conventions s’appliquent et quelles zones ne doivent pas être modifiées. Il reste court, concret et à jour. Des repères d’architecture et la liste des pièges fréquents sont également utiles. Pendant la formation, vous rédigez un AGENTS.md pour votre propre projet et en mesurez l’effet.

Est-il risqué de laisser Codex exécuter des commandes ?

Par défaut, Codex travaille dans une sandbox qui restreint l’accès aux fichiers et au réseau, et demande une approbation avant les opérations sensibles. Vous déterminez le degré d’autonomie via les modes d’approbation et la configuration. La formation vous apprend à choisir ces réglages en connaissance de cause et à limiter des risques comme l’injection de prompt.

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 « OpenAI Codex 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 OpenAI Codex

Les 32 formations OpenAI Codex

OpenAI Codex · MunichOpenAI Codex · SalzbourgOpenAI Codex · BerlinOpenAI Codex · AugsbourgOpenAI Codex · HanovreOpenAI Codex · BrêmeOpenAI Codex · StuttgartOpenAI Codex · KaiserslauternOpenAI Codex · En ligne