Formation · GitHub Copilot · UX design & prototypage

GitHub Copilot pour les designers UX

Maîtriser GitHub Copilot : complétion, chat, mode Agent, agent de codage pour issues et PR, revue de code et politiques d’entreprise.

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

« GitHub Copilot pour les designers UX » est une formation pratique destinée notamment aux profils suivants : Designers UX et UI, Product designers et designers d’interaction et UX researchers souhaitant tester rapidement des variantes. Vous découvrez GitHub Copilot non pas de façon abstraite, mais à travers des tâches de votre quotidien – avec des exemples, des exercices et des modèles issus du domaine UX design & prototypage.

GitHub Copilot n’est plus un simple outil d’autocomplétion : c’est une plateforme d’IA qui accompagne tout le cycle de développement. Dans l’éditeur, vous disposez des suggestions en ligne, des suggestions de prochaine modification et de Copilot Chat ; en mode Agent, Copilot traite des tâches sur plusieurs fichiers et exécute des commandes. Sur GitHub, l’agent de codage prend en charge les issues qui lui sont assignées et livre des pull requests. En deux jours, vous apprenez à mobiliser chacune de ces briques à bon escient.

Au-delà de la pratique dans l’éditeur, la formation aborde le pilotage et la qualité. Les instructions personnalisées et les fichiers de prompts transmettent à Copilot la connaissance du projet, MCP lui ouvre d’autres outils, et la revue de code Copilot complète la relecture humaine. Pour les responsables d’équipe et d’organisation, nous traitons les politiques au niveau de l’organisation et de l’entreprise, les exclusions de contenu, l’activation des modèles et le suivi de l’usage, afin de préparer un déploiement sûr, traçable et efficace.

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 à bon escient la complétion, le chat et le mode Agent de Copilot dans vos tâches quotidiennes.
  • Vous formalisez la connaissance du projet dans des instructions personnalisées et des fichiers de prompts pour améliorer les résultats.
  • Vous confiez les issues adaptées à l’agent de codage et relisez ses pull requests avec rigueur.
  • Vous intégrez la revue de code Copilot de façon pertinente dans votre processus de revue.
  • 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 Copilot dans l’éditeur : complétion et chat
  • Accepter, rejeter et orienter efficacement les suggestions en ligne et de prochaine modification
  • Utiliser Copilot Chat pour expliquer du code, déboguer et générer des tests
  • Définir le contexte avec précision : fichiers, sélection, espace de travail, variables de chat
  • Choix du modèle et différences entre VS Code, Visual Studio et les IDE JetBrains
Module 2 Mode Agent et extensions
  • Planifier des tâches en plusieurs étapes en mode Agent et en garder le contrôle
  • Intégrer commandes du terminal, exécutions de tests et erreurs dans la boucle de l’agent
  • Connecter des serveurs MCP pour accéder à d’autres outils et sources de données
  • Relire les modifications, les accepter en partie ou les annuler
Module 3 Transmettre le savoir du projet avec les instructions personnalisées
  • Rédiger des instructions de dépôt sur l’architecture, le style et les tests
  • Créer des instructions par chemin et des fichiers de prompts réutilisables
  • Combiner judicieusement consignes personnelles et consignes d’organisation
  • Améliorer les instructions en continu selon la qualité obtenue
Module 4 Agent de codage et revue de code sur GitHub
  • Rédiger des issues que l’agent de codage peut traiter de manière fiable
  • Relire, commenter et faire itérer les pull requests de l’agent
  • Utiliser la revue de code Copilot comme contrôle complémentaire dans le processus de PR
  • Configurer l’environnement de l’agent grâce aux étapes de préparation et aux Actions

Jour 2

Module 5 Administration, politiques et sécurité
  • Attribution des licences et politiques au niveau de l’organisation et de l’entreprise
  • Exclusions de contenu, activation des modèles et filtre de code public
  • Exploiter journaux d’audit et métriques d’usage pour piloter l’adoption
  • Clarifier risques de sécurité, gestion des secrets et responsabilités sur le code généré
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 développez régulièrement, travaillez avec Git et GitHub (issues, pull requests) et utilisez un IDE moderne. 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 VS Code ou un IDE JetBrains, l’extension Copilot installée et un compte GitHub disposant d’une licence Copilot active ; l’agent de codage nécessite une offre adaptée.

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.

  • lun. 23 novembre 2026 – mar. 24 novembre 2026 En ligne Demander
  • mer. 2 décembre 2026 – jeu. 3 décembre 2026 Kaiserslautern Demander
  • mar. 8 décembre 2026 – mer. 9 décembre 2026 En ligne Demander
  • jeu. 14 janvier 2027 – ven. 15 janvier 2027 Augsbourg Demander
  • mer. 27 janvier 2027 – jeu. 28 janvier 2027 En ligne Demander
  • mar. 9 février 2027 – mer. 10 février 2027 Salzbourg Demander

Questions fréquentes

Quelle différence entre le mode Agent et l’agent de codage ?

Le mode Agent fonctionne dans votre IDE : vous travaillez en interaction avec Copilot, suivez chaque étape et validez les commandes. L’agent de codage, lui, opère de façon autonome sur GitHub dès que vous lui assignez une issue, dans son propre environnement d’exécution, puis ouvre une pull request que vous relisez comme la contribution d’un collègue.

Comment s’assurer que Copilot respecte nos règles internes ?

Au niveau de l’organisation et de l’entreprise, vous activez ou bloquez fonctionnalités, modèles et extensions. Les exclusions de contenu tiennent les fichiers sensibles à l’écart du contexte, et les journaux d’audit rendent l’usage traçable. Pendant la formation, nous montrons comment articuler ces leviers avec la protection des données, la sécurité de l’information et vos standards de code.

La formation est-elle utile si nous utilisons déjà Copilot ?

Oui, et même tout particulièrement. Beaucoup d’équipes s’en tiennent à la complétion et exploitent peu le chat, le mode Agent, les instructions personnalisées ou l’agent de codage. La formation montre comment les utiliser de façon structurée, améliorer les résultats grâce au contexte du projet et éviter les pièges courants. Les utilisateurs aguerris tirent surtout profit des volets revue et gouvernance.

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 « GitHub Copilot 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 GitHub Copilot

Les 32 formations GitHub Copilot

GitHub Copilot · MunichGitHub Copilot · SalzbourgGitHub Copilot · BerlinGitHub Copilot · AugsbourgGitHub Copilot · HanovreGitHub Copilot · BrêmeGitHub Copilot · StuttgartGitHub Copilot · KaiserslauternGitHub Copilot · En ligne