Formation Claude Design

Formation Claude Design : créez prototypes, slides et maquettes en dialoguant avec l'IA, en 2 jours. Du prompt à l'export Canva, PPTX ou Claude Code.

Formation Claude Design

Description

Cette formation Claude Design vous permettra de transformer une idée en livrable visuel (prototype, slide, maquette ou page web).

Pendant 2 jours, vous apprendrez à :

  • produire des prototypes, slides et maquettes prêts à partager en quelques heures,
  • affiner vos créations par le dialogue jusqu'au résultat attendu, sans outil de design traditionnel,
  • livrer directement vers Canva, PPTX ou Claude Code pour accélérer la mise en production.

Public

Cette formation s'adresse aux designer·euse·s souhaitant explorer plus de pistes rapidement, ainsi qu'aux product manager·euse·s, fondateur·rices, marketeur·euse·s et développeur·euse·s sans bagage design qui veulent transformer une idée en visuel concret.

Les objectifs

  • Comprendre le positionnement et les cas d'usage de Claude Design
  • Rédiger des prompts efficaces (objectif, layout, contenu, audience)
  • Itérer un design via le chat et les commentaires inline
  • Exploiter un design system et une base de code existante
  • Concevoir un prototype interactif multi-écrans
  • Exporter et livrer un projet (Canva, PPTX, HTML, handoff Claude Code)

Pré-requis

  • Disposer d'un compte Claude avec accès à Claude Design (offre Pro, Max, Team ou Enterprise)
  • Être à l'aise avec un navigateur web et les outils en ligne
  • Aucune compétence préalable en design ou en développement n'est requise
  • Ordinateur portable à apporter

Le programme de la formation Claude Design

Jour 1 : Prendre en main Claude Design et le workflow conversationnel

  • Découvrir Claude Design
    • Positionnement : outil de création visuelle conversationnel d'Anthropic Labs
    • Cas d'usage : prototypes, slides, one-pagers, maquettes, sites interactifs, design systems
    • L'interface : chat à gauche, canvas à droite
    • Accès, offres concernées et limites de la preview de recherche
  • Créer son premier projet
    • Création d'un projet et héritage automatique du design system
    • Ajouter du contexte : captures d'écran, images, assets de référence
    • Anatomie d'un bon prompt : objectif, layout, contenu, audience
    • Laisser Claude poser ses questions de clarification
  • Itérer sur un design
    • Chat vs commentaires inline : quand utiliser quoi
    • Modifications structurelles (chat) vs modifications ciblées (commentaires)
    • Demander des variations et explorer plusieurs directions
    • Gérer les versions et révisions sans perdre son travail

Mises en pratique :

  • Créer un one-pager à partir d'un brief rédigé en langage naturel
  • Reproduire une maquette existante à partir d'une capture d'écran ("make it look like this")
  • Itérer une landing page avec le chat, puis affiner au commentaire inline

Jour 2 : Design system, prototypes interactifs et mise en production

  • Exploiter le design system
    • Référencer un composant par son nom (Primary Button, Card layout…)
    • Garantir la cohérence de marque : couleurs, typographie, composants
    • Notions de configuration du design system pour les design leads
  • Brancher une base de code
    • Lier un dépôt pour des prototypes plus proches de la production
    • Bonnes pratiques : cibler un sous-répertoire plutôt qu'un monorepo entier
  • Concevoir un prototype interactif
    • Flux multi-écrans : onboarding, dashboard avec filtres, formulaire conditionnel
    • Penser responsive dès le départ (mobile, tablette, desktop)
    • Faire relire le design par Claude : accessibilité, contraste, hiérarchie de l'information
  • Exporter, partager et livrer
    • Formats d'export : .zip, PDF, PPTX, Canva, HTML autonome
    • Handoff vers Claude Code (agent local ou Claude Code Web)
    • Partage et collaboration : accès lecture, commentaire, édition et mode multi-utilisateurs
    • Contourner les limites connues de la preview

Mises en pratique :

  • Concevoir un prototype d'application mobile multi-écrans en s'appuyant sur le design system
  • Générer un dashboard connecté à un dépôt de code
  • Réaliser un audit d'accessibilité assisté par Claude, puis appliquer les corrections
  • Exporter un projet en PPTX et préparer un handoff vers Claude Code

Télécharger le programme

Formateur

Maria ANGEL FERRERO

Maria accompagne depuis plusieurs années les organisations et les professionnels dans l’appropriation de l’IA. Ancienne maîtresse de conférences à Montpellier et enseignante à Montpellier Business School, elle enseigne l’innovation, le design thinking et les méthodologies agiles et s'est spécialisée, dès 2021, sur les usages de l’IA générative.

Aujourd’hui, Maria intervient auprès d’entrepreneurs, de managers et de petites structures qui souhaitent intégrer l’IA dans leurs pratiques métiers, sans jargon technique ni approche dogmatique. Son objectif : démystifier l’IA, montrer comment elle peut devenir un véritable partenaire de travail, tout en conservant l’esprit critique, la créativité et la responsabilité humaine.

Sa pédagogie repose sur une approche active et empirique : mises en situation, ateliers collaboratifs, analyses de cas réels et expérimentations guidées. Cette posture de facilitatrice, nourrie par le design thinking, favorise l’engagement et l’ancrage durable des apprentissages.

Très investie dans la transmission, Maria partage également son expertise auprès d’une communauté de plus de 100 000 personnes sur TikTok et Instagram, à travers des contenus pédagogiques sur le prompt engineering, l’IA au travail, à l’école et dans la création de contenu. Elle contribue par ailleurs à des projets de recherche et à des initiatives collectives comme ChatGPT for Education d’OpenAI.

FAQ

Nos formations sont éligibles à plusieurs dispositifs de financement, selon votre situation. Human Coders est certifié Qualiopi, ce qui permet la prise en charge par des organismes comme Pôle emploi, votre OPCO ou encore le CPF (Compte Personnel de Formation) pour certaines formations.

Pour en savoir plus, veuillez consulter notre page : Comment financer votre formation ?

Oui, la formation peut être proposée en présentiel ou en distanciel. Pour les inter-entreprises, les modalités (présentiel ou à distance) sont fonction de la session.

Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)

Les formations se déroulent toujours en petit groupe de 3 à 6 stagiaires. Nous souhaitons que les formateurs et formatrices puissent passer un maximum de temps avec chacun·e.

Voici une journée type :

  • 9h : vous êtes accueillis par votre formateur·rice autour d'un petit déjeuner (croissants, pains au chocolat, jus de fruit, thé ou café...)
  • 9h30 : la formation commence
  • 12h30 : pause de midi. Le·a formateur·rice mangera avec vous. C'est l'occasion d'avoir des discussions plus informelles.
  • 14h : reprise de la formation
  • 18h : fin de la journée

8 raisons de participer à une formation Human Coders

  • Satisfaction client élevée : Un taux de statisfaction de 4,6/5 depuis 2012 (sur 1871 sessions réalisées). 99% des participants se disent satisfaits de nos formations
  • Approche pédagogique unique : Des formations en petit groupe, des formateurs passionnés et expérimentés, de véritables workshops... (Plus d'infos sur notre manifeste)
  • Catalogue de formations complet : 253 formations au catalogue, de quoi vous accompagner sur tout vos projets
  • Écosystème dynamique : Nous accompagnons les dev depuis 14 ans avec des initiatives comme Human Coders News, les Human Talks, le podcast ou encore notre serveur Discord
  • Financement facilité : Organisme certifié Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
  • Références clients prestigieuses : De nombreux clients qui nous font confiance depuis des années
  • Accompagnement sur mesure : Nous vous proposons un accompagnement personnalisé par nos consultants pour vous aider dans vos projets au-delà de la formation
  • Valorisation professionnelle : Remise d'un diplôme, d'une attestation et d'une certification, suivant les formations effectuées, que vous pourrez afficher sur vos CV et réseaux sociaux

* Nombre de personnes ayant répondu au questionnaire de satisfaction sur cette formation depuis 2012