Formation Design avec Claude

Deux jours pour créer avec Claude : maquettes, slides et prototypes par le dialogue, design system de marque, export vers Canva, PPTX ou Claude Code.

Formation Design avec Claude

Description

Cette formation Design avec Claude 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.

Depuis septembre 2026, Claude Design est intégré à Claude : la formation suit la nouvelle interface.

Public

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

Les objectifs

  • Identifier les cas d'usage de Design dans Claude et les façons d'y accéder
  • Rédiger des demandes efficaces (objectif, layout, contenu, audience)
  • Itérer un design par le chat et les commentaires
  • Exploiter un design system de marque et une base de code existante
  • Concevoir un prototype interactif multi-écrans
  • Exporter et livrer un projet (Canva, PPTX, HTML, passage à Claude Code)

Pré-requis

  • Disposer d'un abonnement Claude payant (Pro, Max, Team ou Enterprise)
  • Avec un compte Team ou Enterprise : disposer des droits d'édition et de création d'artefacts, dont les design systems, dans l'organisation
  • Maîtriser les bases de Claude : créer un projet, rédiger des instructions, mener une conversation
  • Ê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 Design avec Claude

Jour 1 — Créer avec Claude et le workflow conversationnel

  • Design dans Claude
    • Depuis septembre 2026, Claude Design fait partie de Claude
    • Lancer un design depuis une conversation, depuis l'onglet Artifacts ou depuis Claude Code
    • Cas d'usage : prototypes, slides, one-pagers, maquettes, pages web, visuels
    • Choisir entre Design, Claude Docs et Claude Slides selon le livrable
    • Offres concernées et reprise des projets créés sur l'ancien site Claude Design
  • Créer son premier projet
    • Partir d'un modèle : document, présentation ou design
    • Ajouter du contexte : captures d'écran, images, assets de référence
    • Anatomie d'une bonne demande : objectif, layout, contenu, audience
    • Laisser Claude poser ses questions de clarification
  • Itérer sur un design
    • Chat ou commentaires : quand utiliser quoi
    • Modifications structurelles par le chat, modifications ciblées par les 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 l'affiner par commentaires

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

  • Exploiter le design system
    • Créer ou importer le design system de sa marque dans les réglages de Claude
    • Migrer un design system créé sur l'ancien Claude Design
    • Référencer un composant par son nom (Primary Button, Card layout…)
    • Garantir la cohérence de marque : couleurs, typographie, composants
  • 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
    • Passage à Claude Code pour la mise en production
    • Partage et collaboration : accès en lecture, en commentaire ou en édition

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 son passage à Claude Code

Télécharger le programme

Thématiques de cette formation

Formateur

Maria ANGEL FERRERO

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

C'est cette formation. Depuis le 16 septembre 2026, Claude Design n'est plus un outil séparé : il est intégré à Claude, où l'on crée un design depuis une conversation, depuis l'onglet Artifacts ou depuis Claude Code. Le programme a été mis à jour en conséquence, y compris la reprise des projets et design systems créés sur l'ancien site.

Non, aucune compétence préalable en design ou en développement n'est requise. Il suffit d'être à l'aise avec un navigateur web et les outils en ligne, et de maîtriser les bases de Claude (projets, instructions, conversation). La formation vise aussi bien les designer·euse·s que les product manager·euse·s, fondateur·rice·s, marketeur·euse·s et développeur·euse·s sans bagage design.

Un abonnement Claude payant (Pro, Max, Team ou Enterprise) et, sur un compte d'organisation (Team ou Enterprise), les droits d'édition et de création d'artefacts, dont les design systems : à vérifier avec l'administrateur Claude de l'entreprise avant la session. Le déploiement de la nouvelle interface se fait par étapes selon les offres : le formateur vérifie avec vous en début de session ce que votre compte propose.

Elle se concentre sur la création avec Claude : prototypes, slides et maquettes par le dialogue, design system de marque, export vers Canva, PPTX, HTML ou Claude Code. Si vous voulez apprendre à concevoir des maquettes dans un outil de design classique, la formation Figma Débutant est faite pour cela.

Le jour 2 est consacré à la livraison : exports en .zip, PDF, PPTX, Canva ou HTML autonome, partage et collaboration, et passage à Claude Code. Pour la suite côté code, la formation Claude Code s'adresse aux développeur·euse·s.

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 satisfaction de 4,6/5 depuis 2012 (sur 1976 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 : 278 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