Tutoriel · Prise en main

Démarrer avec Claude Design

Claude Design, c'est l'atelier visuel de Claude : vous décrivez ce que vous voulez en langage courant, il le dessine sur une toile, et vous affinez par le dialogue. Idéal pour vos slides, pages et visuels de marque.

⏱️ Durée · 12 min de lecture 🎚️ Niveau · Débutant 🛠️ Outil · Navigateur (Pro/Max)

🎯 Objectif

Savoir ouvrir Claude Design, décrire une création en langage courant, l'affiner par le dialogue et les commentaires, appliquer la charte A3i, et exporter le résultat (PowerPoint, PDF, Canva, ou transmission à Claude Code).

⚠️ Avant de commencer

Il vous faut un forfait Pro, Max, Team ou Enterprise. Claude Design fonctionne dans le navigateur, à l'adresse claude.ai/design — aucune installation. C'est un aperçu de recherche : l'usage consomme un budget hebdomadaire partagé avec les autres fonctions de votre offre Claude.

🧭 Comprendre Claude Design

Dans le Chat, Claude vous répond en texte. Dans Claude Design, il génère et modifie un visuel sur une toile placée à côté de la conversation — il fabrique le rendu au lieu de seulement le décrire. Vous gardez la main à tout moment.

Une création se retravaille de quatre façons, de la plus large à la plus fine :

ModeÀ quoi ça sert
ChatChangements de direction larges (« rends ça plus sobre », « ajoute une section tarifs »)
CommentairesRetour ciblé sur un élément précis, épinglé au bon endroit
Édition directeCorriger un texte directement sur la maquette, sans repasser par le prompt
Réglages finsAjuster manuellement espacements, couleurs, typographie et mise en page

ℹ️ Bon à savoir

Claude Design ne remplace pas Figma ou Canva : il sert à partir vite d'une idée et à explorer. Quand le design est prêt, vous exportez (PPTX, PDF, HTML), vous l'envoyez vers Canva, ou vous le transmettez à Claude Code pour le passage en production.


🚀 Prise en main pas à pas

Étape 1Découverte

Ouvrir Claude Design

Rendez-vous sur claude.ai/design depuis votre navigateur, avec un compte Pro, Max, Team ou Enterprise. Démarrez une nouvelle création.

✅ Ce que vous devez observer

  • Une interface avec une toile (canvas) à côté d'une zone de conversation.
  • Un champ pour saisir votre première demande.
Étape 2Découverte

Ajouter du contexte

Vous pouvez partir d'un simple texte, mais aussi importer des documents (DOCX, PPTX, XLSX) ou des images, pointer un dépôt de code, ou capturer des éléments d'un site existant.

✅ Ce que vous devez observer

  • Les fichiers importés sont pris en compte comme matière de départ.
  • Le rendu colle mieux à votre contenu réel qu'à partir de rien.
Étape 3Application

Décrire et générer

Décrivez l'objectif, le contenu, la mise en page et le public visé. Plus c'est précis, plus la première version est juste (pensez R.C.T.F. : Rôle, Contexte, Tâche, Format).

À taper dans Claude Design
Crée une page de présentation pour la formation "Excel Débutant" d'A3iformations : un titre, les 4 séquences, et un bloc "modalités" (14h, CPF, certification TOSA RS7256). Charte : navy #003A6C et azur #0078D4. Style sobre et professionnel.

✅ Ce que vous devez observer

  • Une première version apparaît sur la toile en quelques secondes.
  • Elle est à traiter comme un brouillon à affiner.
Étape 4Application

Affiner par le dialogue

Utilisez le bon outil selon la retouche : le chat pour une direction large, un commentaire pour un élément précis, l'édition directe pour un texte, les réglages pour l'espacement ou la couleur.

✅ Ce que vous devez observer

  • Le commentaire posé sur un élément ne régénère pas tout le design.
  • Chaque ajustement se reflète sur la toile en direct.
Étape 5Application

Appliquer votre charte

Fournissez en amont votre identité (couleurs, polices, logo) ou un fichier de référence. Une fois le système en place, chaque nouveau design du projet repart automatiquement de la charte A3i.

💡 Astuce A3i

Donnez d'emblée navy #003A6C, azur #0078D4, vos polices et votre logo : les rendus sont à l'identité dès le premier jet, au lieu d'un style générique.

Étape 6Application

Exporter ou transmettre

Quand le design est au point, choisissez la sortie : URL interne, PDF, PowerPoint (PPTX), HTML autonome, envoi vers Canva, ou transmission à Claude Code (un bundle qui embarque l'intention de design pour la production).

✅ Ce que vous devez observer

  • Le menu Exporter propose plusieurs formats.
  • Le fichier récupéré reste éditable (un .pptx s'ouvre dans PowerPoint).

🛠️ Atelier A3I — Slides & carte de visite

Deux livrables concrets à produire, du diaporama à la carte de visite. Pour chacun : un prompt à confier, puis on affine. Les corrigés visuels sont regroupés juste après.

Exercice 1Découverte

Un slide de titre

Générer une diapositive d'ouverture pour une formation, puis l'exporter en PowerPoint.

À taper dans Claude Design
Crée un slide de titre pour la formation "Excel Débutant" d'A3iformations. Titre principal "Excel Débutant", sous-titre "14h · CPF · Certification TOSA RS7256". Couleurs navy #003A6C et azur #0078D4. Style sobre et professionnel.

✅ Ce que vous devez observer

  • Un slide propre, exporté en PPTX et éditable dans PowerPoint.
Exercice 2Application

Un mini-diaporama de 3 slides

Enchaîner plusieurs diapositives cohérentes, puis affiner par commentaire et par chat.

À taper dans Claude Design
Crée un diaporama de 3 slides pour la formation "Excel Débutant" : 1. Titre + sous-titre 2. Les 4 séquences (Interface, Calculs, Graphiques & MFC, Tris & filtres) 3. Modalités (durée, CPF, certification TOSA RS7256) Charte A3i (navy #003A6C, azur #0078D4). Garde une mise en page homogène entre les slides.

✅ Ce que vous devez observer

  • Trois slides à la mise en page cohérente.
  • Un commentaire (« agrandis le titre du slide 2 ») ne régénère pas tout.
Exercice 3Application

Une carte de visite A3i

Créer une carte de visite professionnelle recto-verso, à la charte, prête à imprimer.

À taper dans Claude Design
Crée une carte de visite professionnelle au format standard (85 × 55 mm). Recto : nom "Emmanuel Cardon", fonction "Responsable formations", organisme "A3iformations", baseline "Organisme certifié Qualiopi · Centre TOSA". Verso : logo A3i et coordonnées (site, e-mail, ville). Charte : navy #003A6C, azur #0078D4, style épuré et lisible.

✅ Ce que vous devez observer

  • Un recto-verso cohérent, contraste fort, marges de sécurité respectées.
  • Export PDF pour l'imprimeur, ou envoi vers Canva.
Exercice 4Maîtrise

Un diaporama à partir d'un document existant

Partir d'un support A3i déjà rédigé pour en tirer une présentation, puis choisir le format de sortie.

À taper dans Claude Design
À partir du document importé, crée un diaporama : 1 slide de titre, 1 slide par séquence, 1 slide "Modalités & certification". Reprends la charte A3i (navy #003A6C, azur #0078D4) et garde un style homogène, lisible en projection.

✅ Ce que vous devez observer

  • Un diaporama structuré, fidèle au contenu du document importé.
  • Le bon format de sortie choisi (PPTX, PDF ou Canva).

📝 Corrigés

Voici à quoi le résultat attendu peut ressembler. Ce sont des repères, pas des modèles uniques : Claude propose, vous affinez. Comparez votre rendu à ces aperçus et aux critères.

Corrigé — Slide de titre (exercices 1, 2 & 4)

A3iformations Formation bureautique

Excel Débutant

14h · CPF · Certification TOSA RS7256

Aperçu indicatif — slide de titre à la charte A3i

Une bonne réponse présente :

  • Un titre dominant et un sous-titre clairement secondaire (hiérarchie nette).
  • Les couleurs A3i en aplat ou dégradé maîtrisé, marque visible mais discrète.
  • De l'air autour du texte et une mise en page réutilisable d'un slide à l'autre.

Corrigé — Carte de visite (exercice 3)

Recto

Emmanuel Cardon

Responsable formations

A3iformations

Organisme certifié Qualiopi · Centre TOSA

Verso

www.a3iformations.fr

contact@a3iformations.fr

Auxi-le-Château (62)

Aperçu indicatif — carte de visite recto-verso (85 × 55 mm)

Une bonne réponse présente :

  • Un nom mis en avant, puis fonction et organisme par ordre d'importance.
  • Un contraste fort texte/fond et des marges de sécurité (rien collé aux bords).
  • Un recto-verso cohérent : même univers de couleurs et de typographie.

⚠️ Attention

Après export en PPTX ou PDF, relisez toujours le fichier final : selon la complexité, certaines mises en page peuvent légèrement bouger. Les exports sont des points de départ éditables, pas des fichiers verrouillés.


✅ Auto-évaluation

J'ai réussi si…

  • j'ai ouvert Claude Design et lancé une création sur la toile ;
  • j'ai décrit ma demande clairement et obtenu une première version ;
  • j'ai affiné avec le bon outil (chat, commentaire, édition directe, réglages) ;
  • j'ai appliqué la charte A3i (navy / azur) à mes rendus ;
  • j'ai produit un slide de titre et une carte de visite à la charte ;
  • j'ai exporté au bon format (PPTX, PDF, Canva) et relu le fichier final.

A3iformations — Organisme certifié Qualiopi · Centre de passage TOSA
Tutoriel Claude Design