Et si vous pouviez passer d’un brief à un prototype interactif en quelques minutes, sans ouvrir Figma, sans écrire une ligne de code ? Claude Design, l’outil lancé par Anthropic Labs en 2025, rend cela possible : vous décrivez une interface, il génère du HTML, CSS et JavaScript déployable en live. Cette formation de 2 jours vous offre une maîtrise complète de Claude Design — de la prise en main de l’outil jusqu’à l’intégration de vos propres design systems — pour que vous puissiez l’intégrer immédiatement dans votre flux de travail créatif. Prototypes, decks, one-pagers, handoff vers les développeurs : vous repartez avec une pratique concrète et des livrables réels.

Votre formateur

May Navarro
Formatrice UX, UI & IA
Voir le profil
Designer depuis 20 ans (Ikea, SNCF, Starbucks, etc.), formatrice depuis 10 ans (Le Wagon, Ynov, l'école de design de Nantes, Ubisoft, etc.), je partage avec vous ma passion pour le webdesign avec un enthousiasme communicatif.

Programme adaptable à vos besoins

Un socle complet que votre formateur personnalise selon vos priorités, avec des exercices pratiques réalisés directement sur vos sites, campagnes ou projets web.

Jour 1

Découverte de l'écosystème Claude et prise en main de Claude Design

matin
  • Panorama des outils Claude (Anthropic Labs) : découvrir claude.ai, Claude Code, Cowork, Claude in Chrome et Claude in Excel/PowerPoint pour comprendre l'écosystème complet avant de se concentrer sur Claude Design.
  • Claude Design en détail : comprendre ce qu'est l'outil, comment il fonctionne et ce qui le distingue de Figma, v0 ou Framer.
  • L'interface Claude Design : explorer les zones de travail, le rendu live, les options d'export, la gestion des tokens et les limites d'usage.
  • Cas pratique 1 - Générer sa première interface : créer une landing page ou un dashboard à partir d'un brief textuel simple. Livrable : une page HTML fonctionnelle rendue en live.

Maîtriser le prompt visuel et produire des présentations avec Claude Design

après-midi
  • Maîtriser le prompt visuel : apprendre à décrire des mises en page, des composants et des états interactifs avec précision pour obtenir des rendus fidèles au brief.
  • Itérer avec Claude Design : affiner le rendu, corriger les composants et ajuster le style sans tout régénérer, pour gagner en efficacité.
  • Créer des présentations et des decks avec Claude Design : structurer un deck, exporter en PPTX et transférer vers Canva.
  • Cas pratique 2 - Produire un deck de 6 à 8 slides à partir d'un brief de présentation (pitch produit, rapport, onboarding). Livrable : deck exportable en PPTX ou Canva.
Jour 2

Intégrer un design system et construire avec ses propres composants

matin
  • Importer un design system dans Claude Design : depuis un dépôt GitHub, des fichiers de design ou un upload direct dans l'interface.
  • Comprendre comment Claude Design exploite les composants importés : vérification automatique, correction avant rendu et gestion des contraintes.
  • Construire avec ses propres tokens et composants : typographie, couleurs, grilles et gestion des états pour des interfaces cohérentes avec la charte.
  • Cas pratique 3 - Importer un design system existant (ou le mini design system fourni par la formatrice) et générer une interface conforme à ses conventions. Livrable : interface validée avec preuve de cohérence visuelle.

Intégration dans un workflow professionnel et prototype complet

après-midi
  • Claude Design dans un workflow professionnel : comprendre le parcours de l'exploration créative au handoff vers Claude Code ou une équipe de développement.
  • Prototypes interactifs et wireframes produit : choisir le bon outil selon le contexte — Claude Design, Figma ou Framer — et optimiser son usage.
  • Optimiser la consommation de tokens : bonnes pratiques et stratégies de prompt pour éviter de brûler son allocation inutilement, avec retours d'expérience concrets.
  • Cas pratique 4 - Produire un prototype complet pour un cas client réel ou fictif : de la description du besoin au livrable HTML déployable, accompagné d'une documentation de handoff. Livrable : prototype interactif et fiche de handoff.
Formation personnalisable sur demande.

Un échange avec votre formateur définira le programme et les exercices dont vous avez besoin, alignés sur vos objectifs professionnels.

À qui s’adresse la formation ?

Public

Designers UI/UX, directeurs artistiques, product designers, webdesigners freelances, chefs de projet digital, designers graphiques en transition vers le web, responsables communication, équipes marketing et toute personne créative souhaitant produire des interfaces et des supports visuels interactifs sans passer par le développement traditionnel.

Prérequis

Avoir une pratique du design (UI, UX, web design ou direction artistique) est indispensable. Disposer d’un compte Claude Pro, Max, Team ou Enterprise, Claude Design n’étant pas accessible en version gratuite — l’abonnement doit être activé avant la formation. Pour les comptes Enterprise, vérifier que l’administrateur a bien activé Claude Design dans les paramètres de l’organisation. Aucune compétence en HTML, CSS ou JavaScript n’est requise : le code est entièrement généré par l’outil.

Moyens et outils

Moyens

Les apports théoriques et le panorama des outils sont présentés via un support PDF projeté. La formatrice réalise des démonstrations live dans Claude Design en partage d’écran avec rendu en temps réel. Quatre cas pratiques progressifs sont organisés sur les deux jours, soit un par demi-journée, du plus simple au plus complexe. Un mini design system et un brief type client sont fournis pour les participants qui n’en disposent pas. Une bibliothèque de prompts visuels réutilisables est remise à l’issue de la formation.

Tarifs des formations

En présentiel ou distanciel, la formation s’organise dans vos locaux, dans un lieu loué pour l’occasion ou en visioconférence, selon vos préférences.

2 jours - 14 heures

à partir de 3400€ HT

Prêt à vous former ?

Demandez votre devis, de la demi-journée au format sur-mesure.

Obtenir un devis Réponse dans les 24h

Ce que vous apprendrez

Comprendre l'écosystème des outils Anthropic et Claude, et positionner Claude Design dans ce panorama.

Maîtriser l'interface Claude Design pour générer des interfaces HTML/CSS/JS interactives à partir de descriptions textuelles.

Produire des présentations, one-pagers et decks exportables avec Claude Design.

Importer et utiliser un design system existant dans Claude Design pour des rendus cohérents et conformes à une charte graphique.

Intégrer Claude Design dans un workflow professionnel (exploration, prototypage, handoff) en optimisant la consommation de tokens.

Construire un prototype complet et livrable à partir d'un brief client réel ou fictif.

Ce qu’on aime dans la formation

« Claude Design est l’outil dont j’aurais eu besoin quand je passais des heures sur des prototypes jetables que personne ne reverrait jamais. En quelques minutes, il génère des interfaces que vous pouvez tester, modifier, exporter — du code réel, pas des mockups. Ce que je veux vous transmettre dans cette formation, ce n’est pas juste comment appuyer sur les bons boutons. C’est comment penser visuellement en langage naturel, comment intégrer cet outil dans votre flux sans perdre le contrôle sur le résultat, et comment l’utiliser sans brûler vos tokens en 25 minutes. Vous repartez avec une vraie pratique. »

May Navarro

Questions fréquentes sur la formation Claude Design de May

Quels outils vais-je utiliser durant la formation ?

Vous utiliserez principalement Claude Design, accessible via claude.ai avec un abonnement Pro ou supérieur. Des exports vers Canva et PowerPoint seront pratiqués lors du Jour 1. Au Jour 2, vous travaillerez avec un design system réel ou fourni, uploadé directement dans l’interface Claude Design.

Avec quoi vais-je repartir à la fin de la formation ?

Vous repartez avec un prototype HTML interactif produit durant la formation, un deck exporté, une fiche de handoff et une bibliothèque de prompts visuels réutilisables pour vos projets futurs.

La formation est-elle essentiellement pratique ?

Oui, très largement. Plus de 60 % du temps est consacré à des exercices appliqués. Chaque demi-journée comprend un cas pratique avec un livrable identifié. Vous travaillerez idéalement sur vos propres projets ou briefs.

Ai-je besoin d'un abonnement Claude payant ?

Oui, Claude Design est réservé aux abonnés Claude Pro (20 $/mois), Max, Team ou Enterprise. Il n’est pas disponible en version gratuite. Il est fortement conseillé d’activer votre abonnement avant le début de la formation. Pour les comptes Enterprise, vérifiez que votre administrateur a bien activé la fonctionnalité.

Claude Design peut-il remplacer Figma ?

Non, ce sont des outils complémentaires. Claude Design génère du code front-end interactif déployable, et non des maquettes vectorielles éditables. Il est particulièrement puissant pour l’exploration rapide, le prototypage et le handoff, tandis que Figma reste la référence pour la gestion du design system et la collaboration avec les équipes produit.

alfie, votre organisateur de formations au marketing digital

Nos formations vous apportent plus que de la simple théorie : astuces pour aller plus vite, études de cas, inspirations, bonnes pratiques du moment ou encore le résultat de notre veille.

4.85
Basé sur 203 avis
+2600 Apprenants
+767 Formations sur-mesure

Vous former avec alfie :

  • Des formateurs sélectionnés pour leur expertise métier et expérience du terrain.
  • Des programmes sur-mesure, grâce à un brief complet entre vous et votre formateur.
  • Un apprentissage par la pratique, pour mettre en application directement.

Financer sa formation

Les formations alfie sont finançables jusqu’à 100% par les OPCO, l’organisme financier des salariés du privé. Rapprochez-vous de votre RH ou de votre dirigeant avec votre projet de formation pour évoquer le budget OPCO disponible.

Toutes les entreprises sont aussi dans l’obligation de former leur salarié sous quelques manières que ce soit. Elles peuvent donc aussi faire le choix de financer votre formation avec leurs fonds propres.

Si vous souhaitez vous reconvertir, vous pouvez prétendre à un PTP (Projet de Transition Professionnelle) qui permet de réaliser une formation sur une durée longue en maintenant votre salaire et en finançant tout ou partie de votre formation. Le financement peut se faire par le biais de l’OPCO de votre entreprise.

➡️ Simulez votre budget formation !

Si vous êtes Freelance ou Indépendant, alors votre organisme de de financement s’appelle un FAF (Fonds d’assurance à la Formation), auprès duquel vous cotisez.

Il existe différents FAF qui dépendent de votre secteur d’activité. Pour le connaître rapprochez vous de votre expert-comptable ou identifiez la convention collective qui s’applique à votre branche. Vous y trouverez le nom de votre FAF.

Les 3 principaux FAF sont :

  • Le FIFPL : pour les travailleurs indépendants exerçant une activité libérale
  • L’Agefice : pour les dirigeants non-salariés du commerce, de l’industrie et des services
  • Le FAFCEA : pour les artisans non-salariés.

Les formations alfie ne sont pas éligibles au CPF (« Compte Personnel de Formation » désormais appelé « Mon Compte Formation »). Vous ne pouvez donc pas financer les formations alfie avec cette solution.

Les seules exceptions de financement par France Travail sont :

  • Le PTP (Projet de Transition Professionnelle),
  • Le PDC (Plan de Développement des Compétences),

Mais ne sont pas automatiques. Rapprochez-vous de votre conseiller FT pour connaître les financements auxquels vous avez droit.

 

Vous devez vous renseigner auprès de votre organisme d’intérim, qui peut vous faire avoir des droits auprès du Fonds d’Assurance Formation du Travail Temporaire (FAF.TT). C’est un organisme qui permet à tout salarié intérimaire d’accroitre ses performances et son employabilité en fonction des besoins du marché.

Les points forts des formations alfie

Sur-mesure

Votre formateur adapte le contenu et les exercices de sa formation, grâce à un appel téléphonique de 15 minutes avec vous, en amont de la formation.

Pratique & concret

Tous nos formateurs et formatrices s’engagent à réaliser au moins 2 exercices par séquence de formation. Tous consultants en activité, ils vous proposent des études de cas réels.

Aymeric Marquant, Formateur WordPress chez alfie formation
Enguerran Bachelot, Formateur Expert Looker Studio - Data visualisation chez alfie formation

Toujours à jour

Un questionnaire de satisfaction et une étude d’impact à 90 jours remontent vos retours aux formateurs pour actualiser en continu nos modules. Nos sessions sont programmées sous 8 à 10 jours, délai nécessaire aux convocations et formalités.

Finançable

Certifié QUALIOPI, alfie vous permet de faire financer votre formation jusqu’à 100% via les OPCO et vous fournit tous les documents nécessaires à la demande.

  • Durée 2 jours - 14 heures
  • Participants 1 à 6 participants
  • Difficulté Débutant à intermédiaire
  • Localisation Présentiel ou distanciel
  • Prix 3400€ HT
Obtenir un devis
4.85 (203 avis)
Des questions ? Appelez-nous : 02 55 99 46 86

Obtenir un devis

⚠️ Nos formations ne sont pas éligibles au CPF.

Brief complet, réponse rapide ! Pensez à inclure :

  • qui doit être formé,
  • quel niveau à l’apprenant sur le sujet,
  • l’objectif de la formation,
  • distanciel / présentiel (et le lieu).

On vous rappelle dans les 24h.

♿ Public en situation de handicap, nous écrire à bonjour@alfieformation.com



    Les informations recueillies à partir de ce formulaire sont traitées par alfie pour donner suite à votre demande de contact et dans le cadre de nos activités de prospection. Pour en connaitre plus sur vos droits et la gestion des données personnelles faite par ALFIE, cliquez sur la politique de protection des données à caractère personnel