Claude Design : le tutoriel pas à pas pour créer votre première plaquette, maquette ou présentation

Claude Design est l’outil d’Anthropic qui transforme une description écrite en maquette, en plaquette, en présentation ou en prototype cliquable. Depuis le 8 octobre 2026, il est inclus dans tous les forfaits Claude, y compris le forfait gratuit. Ce tutoriel vous prend par la main : ce que c’est, comment y accéder, comment préparer votre charte, puis dix étapes pour produire votre premier document, avec des exemples de consignes à copier. Il complète notre test d’avril 2026 sur trois cas concrets, réalisé à la sortie de l’outil.

Claude Design, c’est quoi ?

Claude Design est une fonction de Claude, l’assistant IA d’Anthropic, qui génère des visuels professionnels à partir d’une conversation : maquettes de site ou d’application, prototypes interactifs, pages uniques (one-pagers), diapositives, visuels pour les réseaux sociaux. Contrairement à un générateur d’images, il ne produit pas une image figée mais une mise en page réelle, en HTML et CSS, que l’on peut corriger élément par élément puis exporter en PDF, PowerPoint, HTML ou vers Canva.

Lancé le 17 avril 2026 en version de test pour les abonnés payants, Claude Design a changé plusieurs fois en six mois :

• 17 juin 2026 : il partage les limites d’utilisation du forfait avec le reste de Claude, et l’on peut choisir le modèle.
• 16 septembre 2026 : il fonctionne depuis n’importe quelle conversation, avec les fichiers et le contexte de la discussion.
• 8 octobre 2026 : sortie de bêta, disponible sur tous les forfaits, gratuit compris. Plusieurs personnes et Claude peuvent modifier le même design en même temps.
• 14 décembre 2026 : fermeture de l’ancienne adresse autonome claude.ai/design. Si vous y avez encore des projets, migrez-les dans Claude avant cette date.

Décembre 2026 : Claude Design n’est plus un outil à part

Si vous avez découvert Claude Design au printemps sur son adresse dédiée, oubliez-la : à partir du 14 décembre 2026, claude.ai/design redirige vers Claude. Le design devient une façon de répondre de Claude, au même titre qu’un texte, un document ou des diapositives. Concrètement, pour une PME :

• Un seul endroit. Vous ouvrez Claude, vous choisissez la sortie Design, et Claude dispose de tout ce qui est déjà dans la conversation : vos fichiers déposés, vos consignes précédentes, et vos connecteurs (Google Drive, SharePoint, Notion) si vous les avez branchés. Plus besoin de tout re-déposer dans une application séparée.
• Un seul quota. Les générations de maquettes puisent dans la même réserve que vos conversations et que Claude Code. Un forfait suffit, mais une grosse maquette se ressent sur le reste de la journée.
• Vos projets existants. Les systèmes de design créés dans l’ancienne version se migrent en un clic depuis la page Artefacts, à faire avant le 14 décembre. Les conversations et les commentaires laissés dans l’ancienne interface, eux, ne sont pas transférés : exportez ce que vous voulez garder.
• Sur mobile aussi. Depuis le 8 octobre, l’application Claude pour iPhone et Android permet de retoucher un design, pratique pour une validation entre deux rendez-vous.
• Côté administration. Sur les forfaits Enterprise, la fonction est activée par défaut depuis le 15 octobre 2026 et l’administrateur peut limiter les modèles accessibles. Si votre entreprise a une politique d’usage de l’IA, c’est le moment de la mettre à jour.

Le reste de ce tutoriel décrit Claude Design tel qu’il fonctionne aujourd’hui, intégré dans Claude.

Qui y a accès, et combien ça coûte ?

Il n’y a pas de tarif séparé : Claude Design est compris dans l’abonnement Claude et consomme son quota d’utilisation. Le forfait gratuit permet de l’essayer, mais une maquette complète pèse beaucoup plus lourd qu’un simple message : comptez quelques générations par jour. Les forfaits Pro (une vingtaine d’euros par mois) et Max donnent la marge nécessaire pour un usage régulier. Les forfaits Team et Enterprise ajoutent le partage des projets dans l’organisation et l’administration par un responsable.

Un point à vérifier avant de déposer le moindre fichier : la confidentialité. Sur les forfaits grand public (gratuit, Pro, Max), vos conversations peuvent servir à entraîner les modèles, sauf si vous désactivez l’option correspondante dans les réglages de confidentialité. Sur Team et Enterprise, elles ne sont pas utilisées pour l’entraînement. Dans tous les cas, les données sont traitées hors d’Europe. Notre règle chez Alsago : une maquette se fait avec des textes et des chiffres fictifs, jamais avec le fichier client ou le devis réel. Nous en parlons plus longuement dans notre article sur le Shadow AI.

Avant de commencer : réunissez votre charte

La qualité du résultat dépend d’abord de ce que vous donnez à Claude. Dix minutes de préparation évitent une heure d’allers-retours. Rassemblez dans un dossier :

• votre logo en bonne définition (SVG ou PNG sur fond transparent) ;
• vos couleurs en code hexadécimal (par exemple #009FE3 pour le bleu Alsago) et vos polices ;
• un document existant qui vous ressemble : plaquette PDF, présentation PowerPoint, capture de votre site ;
• les textes que vous voulez voir apparaître, déjà relus. Claude peut rédiger, mais vos formulations métier sont toujours meilleures que les siennes ;
• une idée claire du format final : A4 imprimé, diapositives 16/9, carrousel LinkedIn carré, page web.

Si vous avez une charte graphique écrite, déposez-la telle quelle : Claude en déduit un design system (couleurs, polices, composants) qu’il réutilisera sur tous vos projets suivants.

Tutoriel : votre premier document en dix étapes

1. Ouvrez Claude et activez la création de fichiers

Connectez-vous sur claude.ai, ou dans l’application Claude pour Windows ou Mac. Sur le forfait gratuit, vérifiez dans les réglages, rubrique Fonctionnalités, que la création de fichiers et l’exécution de code sont activées : sans cela, l’option Design n’apparaît pas.

2. Choisissez la sortie « Design »

Dans une nouvelle conversation, le sélecteur de sortie (à côté du champ de saisie) propose Texte, Document, Diapositives, Design. Choisissez Design. Vous pouvez aussi partir d’un modèle depuis l’onglet Artefacts.

3. Déposez votre contexte

Glissez le logo, la charte, la capture d’écran ou le document de référence dans la conversation. Les fichiers Word, PowerPoint et Excel sont lus directement. Si vous avez un site, l’outil de capture web permet aussi de lui montrer une page existante.

4. Rédigez une consigne complète

Une bonne consigne tient en cinq lignes et répond à cinq questions : quoi, pour qui, quel format, quel contenu, quel ton. Exemple pour une plaquette :

« Crée une plaquette A4 recto, imprimable, pour un cabinet d’expertise comptable de 12 personnes. Public : dirigeants de TPE. Contenu : logo et accroche en haut, trois offres en colonnes (tenue, bilan, paie) avec trois puces chacune, un bandeau « Premier rendez-vous offert », coordonnées en bas. Couleurs du logo joint, police sobre, beaucoup de blanc. Textes fournis ci-dessous, ne les reformule pas. »

5. Laissez Claude travailler, et lisez ce qu’il écrit

La génération prend de trente secondes à quelques minutes. Claude explique ce qu’il fait et se corrige seul : lors de notre test, il a détecté un débordement de 450 pixels sur une page A4 et a resserré les marges avant de rendre le fichier. Ces messages vous disent aussi ce qu’il a interprété de votre consigne : c’est le moment de rectifier une mauvaise compréhension.

6. Corrigez par le chat

Première version à l’écran ? Demandez les retouches comme à un collègue : « le titre est trop gros », « passe le bandeau en bleu foncé », « remplace la troisième colonne par un témoignage ». Une demande à la fois donne de meilleurs résultats que cinq corrections dans le même message.

7. Commentez un élément précis

Cliquez sur un bloc du design pour y attacher un commentaire : la correction porte alors sur cet élément seul, sans risque que Claude touche au reste. C’est la méthode la plus sûre pour les finitions.

8. Ajustez à la main

Le texte se modifie directement dans la maquette, les blocs se déplacent et se redimensionnent à la souris, et des curseurs règlent l’espacement et les couleurs sans passer par le chat. Si un réglage vous plaît, demandez à Claude de l’appliquer à l’ensemble du design.

9. Enregistrez votre design system

Une fois la maquette validée, enregistrez ses couleurs, polices et composants dans les réglages, rubrique Systèmes de design. Vos prochaines demandes partiront de cette base : la cohérence entre la plaquette, les diapositives et le visuel LinkedIn est garantie sans effort.

10. Exportez ou partagez

Le bouton Exporter propose les fichiers PDF, PowerPoint, HTML autonome et Google Slides, et l’envoi direct vers Canva, Adobe, Gamma, Miro, Lovable, Replit, Vercel ou Wix. Figma n’est pas dans la liste : exportez en HTML, puis importez-le avec un module Figma dédié. Pour transformer la maquette en vrai site ou en application, le bouton de transfert vers Claude Code prépare le dossier complet pour un développeur. Le partage se fait par lien, en lecture ou en édition, au sein de votre organisation.

Trois consignes à copier-coller

Adaptez les mots en gras à votre entreprise.

• Carrousel LinkedIn : « Crée un carrousel LinkedIn de 6 pages carrées (1080 × 1080) pour une entreprise de menuiserie. Page 1 : titre accrocheur sur les délais de livraison. Pages 2 à 5 : un conseil par page, titre court et deux lignes. Page 6 : appel à l’action et coordonnées. Charte jointe, gros titres, photos facultatives. »
• Présentation de 8 diapositives : « Prépare une présentation 16/9 de 8 diapositives pour présenter notre offre de maintenance informatique à un comité de direction. Plan : constat, risques, offre, périmètre, tarifs (laisser des cases vides), références, calendrier, questions. Une idée par diapositive, pied de page numéroté. »
• Maquette de page web : « Dessine la page d’accueil d’un site vitrine pour un restaurant à Colmar : en-tête avec menu, grande photo, présentation en trois paragraphes, carte des plats sous forme de tableau, bloc réservation avec téléphone, pied de page avec horaires et plan. Version ordinateur et version mobile. »

Ce que Claude Design ne fait pas (encore)

• Il ne remplace pas un graphiste sur une identité complète. Il excelle sur un support à la fois, à partir d’une charte existante. Créer la charte elle-même reste un métier.
• Il invente des textes si vous ne les fournissez pas. Relisez chaque chiffre, chaque mention légale, chaque nom. Un programme de formation ou un devis généré sans vos textes contiendra des erreurs plausibles.
• Il consomme vite le quota. Sur le forfait gratuit, deux ou trois maquettes épuisent la journée. Préparez votre consigne avant de lancer.
• Il ne parle pas directement à Figma, et le PDF exporté n’a pas toujours la précision d’impression d’un fichier préparé par un imprimeur (fonds perdus, profils colorimétriques). Pour un tirage, passez le fichier à votre imprimeur ou finalisez-le dans Canva.
• Il ne connaît pas votre métier. Ce qui ressort de l’outil est aussi bon que la consigne et les documents que vous lui donnez.

Claude Design, Canva ou Gamma : lequel pour quoi ?

Les trois se complètent plus qu’ils ne se concurrencent. Claude Design est le plus fort pour partir d’une page blanche et d’une charte, et pour les maquettes de sites et d’applications. Canva reste l’outil de finition et de production en série, avec ses modèles, ses photos et son impression intégrée, d’autant que l’export de Claude Design y arrive directement. Gamma est spécialisé dans les présentations rapides. Une méthode qui marche bien en PME : Claude Design pour la première version et la structure, Canva pour la retouche et la diffusion.

Questions fréquentes

Claude Design est-il gratuit ?

Oui, depuis le 8 octobre 2026, il est inclus dans tous les forfaits Claude, y compris le forfait gratuit, dans la limite du quota de chaque forfait. Il n’existe pas d’abonnement Claude Design séparé.

Quelle différence avec Claude Code ?

Claude Design produit des maquettes et des documents visuels, sans que vous écriviez de code. Claude Code est l’outil des développeurs, qui écrit et modifie du code dans un projet. Le premier peut transmettre son travail au second pour en faire un site ou une application réels.

Claude Design fonctionne-t-il en français ?

Oui. Les consignes, les retouches et les textes générés fonctionnent en français. Vérifiez tout de même la typographie (espaces avant les deux-points, guillemets français), qu’il faut parfois lui rappeler.

Peut-on l’utiliser avec des données clients ?

Nous le déconseillons sur les forfaits grand public, dont les conversations peuvent servir à l’entraînement sauf désactivation, et dont les serveurs sont hors d’Europe. Travaillez avec des données fictives, ou passez par un forfait professionnel après avis de votre responsable informatique. Si vos documents sont sensibles, la bonne réponse est une IA installée chez vous.

Claude Design peut-il créer mon site internet ?

Il peut en dessiner la maquette, et même produire un HTML de départ. Un site en ligne demande ensuite un hébergement, un nom de domaine, le référencement, la conformité RGPD et la maintenance : c’est le travail de notre équipe web, qui part volontiers d’une maquette Claude Design pour aller plus vite.

Apprendre à s’en servir en équipe

Claude Design s’apprend en une demi-journée quand on sait déjà formuler une consigne. C’est pourquoi nous l’avons intégré à notre formation ChatGPT, Copilot, Claude et Gemini, aux côtés des outils que vos équipes utilisent déjà, et dans l’ensemble de nos formations à l’intelligence artificielle. Sessions à Rixheim, aux portes de Mulhouse, et à Strasbourg, ou dans vos locaux partout en Alsace ; prise en charge possible selon votre OPCO. Pour comparer les outils avant de choisir, notre guide des outils IA pour TPE et PME fait le tour de ChatGPT, Copilot et Claude.

Mathias Andreanszky, Alsago. Informations vérifiées le 2 novembre 2026 sur les pages d’Anthropic ; l’outil évolue vite, signalez-nous un écart.