Formation Coding Mate · 01
Vibe Designing : devenez Vibe Designer
Une formation de quatre jours pour les designers : vous apprenez à faire construire vos interfaces par des agents IA, et vous repartez avec un SaaS web et une app mobile réellement codés, prêts à être branchés par un développeur.
Le vibe coding, tout le monde en parle. Peu savent vraiment le tenir en main. Cette formation est faite pour ça : vous ne dessinez plus chaque écran, vous lancez des agents qui le font pour vous, et vous gardez la direction. Ce que vous designez est ce qui est livré.
- Pour qui
- Designers UI, UX, produit
- Durée
- 4 jours recommandés
- Format
- Seul ou en groupe
- Vous livrez
- Un SaaS web et une app iOS ou Android
- Tarif
- Sur devis
L'offre en clair
Pour qui
Ce que vous apprenez
Ce que vous repartez avec
Comment ça se passe
La promesse
Designers, prenez la main
Cette première formation Coding Mate s'adresse aux designers. UI, UX, produit. Elle est conçue pour n'importe quel poste de travail et n'importe quel écosystème d'entreprise, du grand groupe verrouillé à la petite structure.
Designer avec l'IA ne retire rien à votre regard. Il devient votre principal levier : vous décidez, les agents exécutent, vous corrigez. Le temps gagné sur la production, vous le réinvestissez dans ce qui fait un bon produit : les états, les transitions, le détail.
Ce petit bouton animé. Celui qu'on n'a jamais fait.
Concrètement, vous repartez avec quatre choses.
Plus créatif
Des choses qui vous étaient inaccessibles deviennent possibles : un prototype fonctionnel, une interaction complexe, une vraie donnée qui bouge.
Plus rapide
Une idée le matin, une interface utilisable l'après-midi.
Plus loin dans le détail
Micro-interactions, animations, états vides, cas limites. Tout ce que vous ne faisiez pas faute de temps.
Utilisable par les développeurs
Un design codé proprement, que le développeur connecte aux vraies données au lieu de le refaire. Sinon, ça ne sert à rien.
La couche Figma n'existe plus
Le monde « on a une demande, on fait un Figma, il y a des retours, puis un développeur reprend et refait » est terminé. Hier, le design se perdait entre deux métiers, et chaque détail coûtait une itération. Demain, le designer fait tout, le développeur connecte.
Vous écrivez la spec, vos agents construisent l'interface codée, vous itérez dessus sans repasser par Figma. Le développeur connecte : données réelles, backend, sécurité, mise en production. Il n'interprète plus, il branche.
Avant le jour 1
Trente minutes, avant le jour 1.
Un appel de cadrage de trente minutes avec moi, avant la formation, pour arriver le jour 1 avec les bons outils et un projet qui vous ressemble. C'est là qu'on vérifie ce que votre entreprise autorise, et qu'on choisit les modèles et abonnements adaptés à votre contexte.
- Vos abonnements IA. Les abonnements nécessaires vous sont fournis pour la formation, selon les modalités convenues lors de l'appel.
- Votre poste et votre écosystème. Mac ou PC, iPhone ou Android, règles de sécurité de votre entreprise : on adapte l'outillage à votre réalité.
- Votre moodboard. Les interfaces que vous aimez, les fronts repérés sur les réseaux, vos références. Elles servent de matière dès le jour 3.
- Vos objectifs. Le produit que vous voulez construire pendant la formation, le format, seul ou en équipe, et le rythme.
Le programme
Quatre jours, quatre livrables.
- Jour 1
Comprendre et s'outiller
Une repasse complète sur les modèles du marché, sans jargon, avec un seul critère : lequel est le meilleur pour votre usage. Gemini, Kimi, ChatGPT, Claude : pourquoi l'un plutôt que l'autre, et quand un modèle chinois surpasse un américain.
- Le panorama des modèles au jour de la session, forces et limites réelles.
- Tous les outils : assistants, agents de code, générateurs d'interface.
- S'outiller pour n'importe quel écosystème, corporate verrouillé, PME, freelance, et installer votre stack sur votre propre poste.
À la fin : vous savez choisir vos modèles et vos outils, et votre poste est prêt.
- Jour 2
Spécifier et orchestrer
Vous ne designez plus, vous lancez des agents qui designent pour vous. On part d'un wireframe, on le transforme en spécification avec Spec Drive, puis on fait travailler les agents en masse. Et on observe ce qui se passe quand c'est mal prompté, puis quand c'est bien prompté.
- Du wireframe à la spec : décrire une UX qui fonctionne, pas seulement des écrans.
- Lancer plusieurs agents en parallèle, répartir le travail, vérifier ce qui est livré.
- Comparer, sur le même besoin, des specs floues et des specs affinées.
À la fin : un SaaS web fonctionnel, généré à partir de vos specs, et une méthode pour diriger des agents.
- Jour 3
Créer et donner vie
Vos références deviennent des interfaces réelles. On teste, modèle par modèle, comment passer d'une capture d'écran, puis d'un fichier Figma, à quelque chose de codé, et vous apprenez à diriger le rendu jusqu'aux micro-interactions.
- Screenshot-to-code et Figma-to-code : ce que chaque modèle reproduit fidèlement, et comment le corriger.
- Votre moodboard comme direction artistique : typographie, couleurs, mouvement.
- Générer un applicatif mobile iOS ou Android, selon votre poste, et aller dans le détail : transitions, états, ce bouton animé.
À la fin : une application mobile codée dans votre style, et une interface web affinée jusqu'au détail.
- Jour 4
Itérer en production et connecter
Un Figma posé sur des outils en production : vous annotez l'interface qui tourne, l'agent applique. Avec Annotate Kit, vous pointez un élément de votre interface web ou iOS en fonctionnement, décrivez le changement, et obtenez une consigne précise pour votre agent. Puis on s'assure que tout ce que vous avez construit est reprenable par les développeurs.
- Itérer sans Figma : annoter, corriger, valider directement en production.
- Design system, composants réutilisables, états et accessibilité.
- Ce que le développeur connecte : données réelles, backend, sécurité, tests.
À la fin : un design codé prêt à être connecté et mis en production, avec le relais développeur clairement documenté.
Les grands principes, eux, restent.
Les outils Coding Mate
Deux outils maison, développés par Coding Mate, utilisés en production, au cœur de la formation.
Jour 2
Spec Drive
Say what you want. Watch it get built right.
Votre idée devient des spécifications, des scénarios et des étapes vérifiables. Vos agents, Claude Code, Cursor, Codex, Gemini, travaillent dans un cadre, et chaque tâche est prouvée avant d'être considérée comme finie. Application Mac, gratuite et open source, tout reste en local.
Jour 4
Annotate Kit
Point at the pixel. Ship the change.
Un Figma posé sur votre produit en fonctionnement. Vous pointez un élément, vous le restylez en direct, vous annotez, et vous obtenez une consigne précise pour votre agent, avec le composant et la ligne de code concernés. Pour le web et pour iOS.
Ce que vous emportez
Choisir vos modèles d'IA
Choisir vos outils
Designer avec des agents
Livrer des designs codés, prêts pour la prod
Le métier de demain
Le sujet avance trop vite pour promettre une méthode figée. Mais les grands mouvements, eux, sont clairs. Demain, un produit numérique est porté par un PO et un tech lead, ou par un trio PO, designer, tech lead. Le PO porte le produit, priorise, décide. Le tech lead connecte les données, le backend, la sécurité, et valide la mise en production. Entre les deux, le Vibe Designer spécifie, dirige les agents, construit l'interface et itère en production. Il fait gagner du temps au PO, et le tech lead branche le tout au réel.
Le designer va devoir migrer vers un rôle de PO designer, ou de tech designer. C'est exactement ce que cette formation prépare : rester indispensable dans une organisation qui se resserre.
Le PO
Le Vibe Designer
Le tech lead
Le formateur
Je m'appelle Alexandre Cormeraie. Je suis Responsable IA & Innovation chez TGV Europe, et co-fondateur de Connected Mate. J'applique l'IA au quotidien sur des sujets de développement et de tech lead, sur des produits réels, en production. La formation n'est pas une synthèse de lectures : c'est ma pratique, transmise.
Je vous accompagne dans vos choix, vos hésitations et vos itérations, avec un objectif : que vous soyez autonome après la session. Sur demande, je peux vous faire rencontrer des entreprises et des startups qui travaillent déjà de cette façon.
Questions fréquentes
Faut-il déjà savoir coder ?
Non. Votre pratique du design est le point de départ. Votre niveau technique est évalué lors de l'appel préalable pour adapter le parcours, les outils et le projet. L'objectif est de comprendre ce que vous construisez et de savoir travailler avec des agents et des développeurs, pas d'écrire du code à la main.
Les quatre jours sont-ils obligatoires ?
Quatre jours sont recommandés pour reprendre tous les sujets et laisser une vraie place à la pratique. La formation est personnalisable : contenu, rythme et durée s'adaptent à vos objectifs. Les modalités sont précisées dans le devis.
Seul ou en groupe ?
Les deux. En individuel pour un parcours sur mesure, ou en groupe pour une équipe design, une équipe produit ou une entreprise. Le format, le lieu et les modalités sont définis ensemble lors de l'appel de cadrage.
Quels outils et abonnements prévoir ?
Ils sont choisis avec moi avant la formation, selon votre poste de travail, les règles de votre entreprise et les outils disponibles. Les abonnements IA nécessaires vous sont fournis pour la formation, selon les modalités convenues lors de l'appel.
Mon application sera-t-elle prête à être publiée ?
Vous repartez avec un SaaS web et une app mobile codés, conçus pour être repris par des développeurs. La mise en production reste une étape technique : vraies données, backend, sécurité, tests. C'est précisément ce que le jour 4 prépare, pour que votre développeur connecte au lieu de refaire.
Peut-on rencontrer des entreprises ou des startups ?
Oui, sur demande. Selon votre objectif et les disponibilités, je peux organiser des rencontres avec des entreprises ou des startups qui travaillent déjà de cette façon.
Quel est le tarif, et comment réserver ?
La formation est proposée sur devis. Écrivez-moi sur WhatsApp, ou par e-mail : un premier échange précise vos besoins, le format et le calendrier, puis vous recevez une proposition personnalisée.
Partenariat
Proposer cette formation à vos clients
Organisme de formation, agence, cabinet : si vous accompagnez des designers ou des entreprises, Vibe Designing peut entrer dans votre offre. Échangeons sur votre public, le format d'intervention et les conditions de partenariat.
On en parle ?
Dites-nous ce que vous avez en tête.
WhatsApp pour aller vite, e-mail si vous préférez écrire long. Dans les deux cas, c'est nous qui répondons.
réponse sous 24 h.