Claude Design est l'outil d'Anthropic pour créer des maquettes, des prototypes cliquables, des slides et des one-pagers en discutant avec Claude. Décrivez le livrable : Claude en construit une première version sur un canevas, à ajuster ensuite au chat, par commentaire ou à la souris. Depuis le 16 septembre 2026, Claude Design fonctionne dans n'importe quelle conversation Claude et sur tous les plans, gratuit compris. L'ancien site séparé, claude.ai/design, ferme le 14 décembre 2026.
Notre avis en bref : Claude Design sert au fondateur sans designer qui doit montrer un deck, une landing page ou un parcours d'application cette semaine. Les exports couvrent PowerPoint, PDF, Google Slides et HTML. Pour mettre un produit en ligne, vous transmettez ensuite le design à Claude Code ou à Lovable.
Les faits ci-dessous viennent de l'annonce d'Anthropic, du guide officiel du centre d'aide et de la grille tarifaire de claude.com, consultés le 11 novembre 2026.
Claude Design, c'est quoi ?
Claude Design associe une conversation à un canevas : écrivez dans le chat, le design change à côté.
Un produit Anthropic Labs lancé le 17 avril 2026
Anthropic a lancé Claude Design le 17 avril 2026 sous la marque Anthropic Labs, sa cellule de produits expérimentaux. Au lancement, l'outil tournait sur Claude Opus 4.7, en research preview pour les abonnés Pro, Max, Team et Enterprise.
L'annonce nomme sa cible : les fondateurs, les product managers et les marketeurs qui ont une idée mais pas de formation en design. TechCrunch reprend la formule et précise qu'Anthropic présente l'outil comme un complément de Canva.
Les livrables de Claude Design
L'annonce de lancement liste six usages :
- des prototypes interactifs tirés de maquettes statiques, à faire tester ;
- des wireframes de parcours produit, transmis ensuite à Claude Code ;
- des explorations de directions graphiques ;
- des decks, qu'un fondateur fait passer « d'un plan brut à un deck complet aux couleurs de la marque » ;
- des supports marketing : landing pages, visuels pour les réseaux sociaux, visuels de campagne ;
- des prototypes codés avec voix, vidéo, shaders ou 3D.
La page produit ajoute le one-pager commercial tiré d'une proposition.
Où trouver Claude Design depuis septembre 2026
Le 16 septembre 2026, Anthropic a intégré Claude Design à Claude. Le centre d'aide liste cinq points d'entrée au 11 novembre :
- dans une conversation, en demandant un design ou en choisissant Output > Design dans la zone de message ;
- dans l'onglet Artifacts, à partir d'un modèle Design ;
- dans Claude Code, avec la commande
/design, sur desktop ou dans le terminal ; - dans l'app Claude pour iOS et Android : lancez la demande, puis revenez voir le résultat en plein écran ;
- sur claude.ai/design, l'ancienne version, ouverte jusqu'au 14 décembre 2026.
Claude Design est-il gratuit ? Prix au 11 novembre 2026
Oui. Claude Design figure dans les six plans Claude : Free, Pro, Max, Ultra, Team et Enterprise. Anthropic ne le facture pas à part : chaque design consomme le quota d'usage de votre plan.
Inclus dans tous les plans, Free compris
Prix hors taxes de claude.com au 11 novembre 2026 : Free à 0 $, Pro à 17 $ par mois en annuel ou 20 $ en mensuel. Max coûte 100 $ par mois, Ultra 200 $. Team coûte 20 $ par siège et par mois en annuel, 25 $ en mensuel ; Enterprise, 20 $ par siège plus l'usage au tarif de l'API.
En Enterprise, Claude Design est actif par défaut depuis le 15 octobre 2026, sauf dans les organisations configurées pour la conformité HIPAA.
Les limites du plan Free
Sur le plan gratuit, la grille qualifie l'usage de « limité », sans chiffre. Deux briques manquent. Les design systems, qui appliquent vos couleurs, vos polices et vos composants à chaque projet, sont en bêta sur les plans payants uniquement. Claude Code n'est pas inclus dans Free : passer du design au code demande au moins le plan Pro.
Une seule enveloppe d'usage avec Claude Code
Au lancement, Claude Design avait son propre quota hebdomadaire. Anthropic l'a fusionné : chaque design puise dans la même réserve que vos conversations et que Claude Code. Le centre d'aide prévient qu'un deck ou un design complet consomme plus qu'un message ordinaire. Limite atteinte, Claude Design reste indisponible jusqu'à la réinitialisation, sauf si vous avez activé les crédits d'usage.
Comment utiliser Claude Design, étape par étape
Le centre d'aide décrit un déroulé en sept étapes, sans dessin ni code.
Ouvrir un design
Dans une conversation, demandez par exemple « fais un one-pager à partir de cette proposition ». Vous pouvez aussi choisir Output > Design dans la zone de message, ou prendre un modèle Design dans l'onglet Artifacts.
Donner du contexte à Claude
Joignez des images, des captures de concurrents, des fichiers DOCX, PPTX ou XLSX, ou pointez une base de code. L'outil de capture web récupère des éléments de votre site, pour que le prototype ressemble au produit existant.
Sur un plan payant, le design system fait gagner le plus de temps. Claude le construit depuis un dépôt GitHub, des fichiers Figma, un deck à votre charte, vos logos et vos polices. Avant d'afficher un design, Claude vérifie sa sortie contre ce design system et corrige les écarts.
Rédiger la demande
La formule officielle tient en quatre éléments : le but, la mise en page, le contenu à afficher et l'audience. Claude pose des questions de clarification s'il en manque un. Exemple du centre d'aide : « construis une landing page pour notre nouveau produit API, avec une section hero, des exemples de code et les tarifs ».
Affiner par chat, commentaire ou édition directe
Le chat sert aux changements de structure : réorganiser une page, ajouter une section, demander deux ou trois variantes. Le commentaire inline cible un élément précis, comme un bouton trop serré. L'édition directe couvre les réglages visuels : glisser, redimensionner, aligner, ou jouer avec les curseurs d'espacement et de couleur que Claude crée pour le projet.
Demandez aussi une critique : selon le centre d'aide, Claude relit un design sous l'angle de l'accessibilité, des contrastes et de la hiérarchie de l'information.
Que peut-on exporter depuis Claude Design ?
Au 11 novembre 2026, le bouton Export, en haut à droite du projet, propose trois familles de sorties.
Les cinq formats du bouton Export
Vous téléchargez votre travail en archive .zip, en PDF, en PPTX pour PowerPoint, vers Google Slides ou en fichier HTML autonome. Un deck exporté en PPTX ou vers Google Slides se finit dans votre outil habituel.
Les quinze outils de destination
Vous envoyez aussi vos créations vers quinze outils : Adobe Experience Manager, Adobe for Creativity, Adobe Journey Optimizer, Base44, Canva, Gamma, HubSpot, Hyperframes, Lovable, Miro, Netlify, Replit, v0, Vercel et Wix. Canva était la première destination, citée dès avril dans l'annonce Claude for Creative Work. Selon TechCrunch, un design envoyé dans Canva y reste éditable et collaboratif.
Claude Design et Figma au 11 novembre 2026
Aucun export vers Figma ne figure dans la liste officielle. Le lien existe dans l'autre sens : Claude lit vos fichiers Figma pour construire un design system. Si votre designer maintient les maquettes dans Figma, prévoyez d'y reprendre à la main ce que vous avez validé dans Claude Design.
Le passage à Claude Code
Quand un design doit devenir du logiciel, trois sorties existent : le handoff vers Claude Code, l'envoi vers un agent de code local et l'envoi vers Claude Code Web. Claude Code reprend alors le travail existant, sans repartir d'une capture d'écran. En sens inverse, /design-sync importe les composants React d'une base de code. Pour découvrir l'outil de code, lisez notre guide de Claude Code.
Trois livrables de fondateur à préparer avec Claude Design
Les demandes ci-dessous suivent la formule officielle en quatre éléments. Prenez-les comme des modèles à adapter : nous n'en publions aucun résultat.
Un deck pour une levée ou un rendez-vous client
L'annonce de lancement cite ce cas : un fondateur passe d'un plan brut à un deck complet, puis l'exporte en PPTX ou l'envoie dans Canva. Joignez votre plan en DOCX et votre ancien deck en PPTX pour donner la charte.
Modèle de demande : « crée un deck pour présenter [startup] à des business angels, à partir du plan joint. Une idée par slide, les chiffres de traction en grand, la charte du deck joint ». Le fond du deck reste votre travail : notre guide pour réussir son pitch deck détaille l'ordre des slides.
Une landing page avant d'écrire du code
Pour tester une promesse avant de construire le produit, exportez la landing page en HTML autonome, ou envoyez-la vers Vercel, Netlify ou Wix.
Modèle de demande : « construis une landing page pour [produit], destinée à [cible]. Une section hero avec la promesse, trois bénéfices, un tableau de prix, un formulaire de liste d'attente ». Avec un simple fichier HTML, vous ne récupérez aucune inscription : branchez un service de formulaire ou passez par Lovable.
Un prototype cliquable pour vos entretiens clients
Le centre d'aide donne l'exemple d'un parcours d'onboarding mobile en quatre écrans. Ce format sert bien un entretien client : la personne clique, vous observez où elle bloque.
Modèle de demande : « dessine le parcours d'inscription mobile de [produit] en 4 écrans. Création de compte, choix de l'objectif, premier écran d'usage, pensé pour une main ».
Les limites documentées de Claude Design
Le centre d'aide publie neuf limites connues, avec leurs contournements.
Pas d'historique de versions
Claude Design n'a pas encore d'historique de versions. Le contournement officiel passe par une phrase : « Save what we have and try a completely different approach ». Claude enregistre l'état du projet et vous indique où, avant d'explorer une autre piste.
L'édition à plusieurs reste basique
La doc qualifie l'édition simultanée d'un même projet de « basique » et prévient qu'elle peut mal fonctionner. Avec un associé, travaillez chacun votre tour sur le projet.
La qualité de l'import du design system
Selon le centre d'aide, un import ne vaut que ce que vaut sa source : une base de code désordonnée se retrouve dans les designs. Le guide du design system conseille d'ajouter des exemples finis, comme une landing page en ligne, en plus de la palette.
Les bugs connus et leurs contournements
- Les commentaires inline disparaissent parfois : collez votre retour dans le chat.
- Les très gros dépôts ralentissent le navigateur : liez-les depuis Claude Code.
- Une « chat upstream error » se règle en ouvrant un nouvel onglet de chat dans le même projet.
- Sur iOS et Android, les réglages de partage restent inaccessibles : passez par le web ou le desktop.
- Ajouter un calque ou une forme demande une souris ou un trackpad : au clavier, demandez-le à Claude.
- Dans la liste des calques, Suppr agit sur la sélection du canevas : validez d'abord la ligne avec Entrée.
Avant le 14 décembre 2026 : sauvegarder vos projets claude.ai/design
Si vous avez utilisé Claude Design avant septembre, vos projets se trouvent encore sur claude.ai/design. Le 14 décembre 2026, Anthropic ferme ce site : il passe en lecture seule et n'accepte plus de nouveau projet.
Les éléments déplacés et les éléments perdus
La page de migration d'Anthropic détaille le partage. Vous déplacez vos design systems depuis la page Artifacts, bouton « Move team design systems ». Le déplacement des projets arrive progressivement sur les plans payants. Un projet déplacé devient un artefact, et sa copie d'origine passe en lecture seule, sans retour possible.
Vos conversations avec Claude et les commentaires des projets ne migrent pas. Les liens publics de l'ancien site cessent de fonctionner après la fermeture : si vous avez envoyé un prototype à des clients par ce lien, renvoyez-leur une nouvelle version.
Télécharger un projet en .zip
Ouvrez le projet sur claude.ai/design, cliquez sur Share, choisissez Project HTML, laissez Project archive coché et cliquez sur Export. Pour un deck, l'option se trouve sous More formats and apps. Vous obtenez un .zip avec tous les fichiers du projet, sans frais et hors limites d'usage.
Claude Design, Lovable, Claude Code, Canva ou Figma : quel outil choisir ?
Partez du livrable plutôt que de l'outil. Claude Design produit ce que vous montrez. Lovable et Claude Code produisent ce que vos clients utilisent.
Le tableau par livrable
| Livrable | Outil | Raison |
|---|---|---|
| Deck de levée ou de vente | Claude Design | Export PPTX, Google Slides ou envoi Canva |
| One-pager commercial | Claude Design | Usage cité sur la page produit |
| Landing page à montrer | Claude Design | HTML autonome, envoi Vercel ou Netlify |
| Landing page qui collecte des inscriptions | Lovable ou Claude Code | Un fichier HTML ne garde aucune donnée |
| Prototype cliquable pour entretiens | Claude Design | Prototypes interactifs, variantes rapides |
| Application avec comptes et paiements | Lovable ou Claude Code | Base de données et backend nécessaires |
| Visuels réseaux sociaux à décliner | Canva, depuis Claude Design | Fichiers éditables et collaboratifs dans Canva |
| Maquette maintenue par un designer | Figma | Aucun export Claude Design vers Figma au 11/11 |
Du prototype Claude Design au produit en ligne
Le duel « lovable vs claude design » se règle par l'enchaînement, car Lovable figure parmi les destinations de Claude Design. Sur la page produit, l'équipe de Lovable écrit que ces idées y deviennent des applications « production-ready ». Validez la forme dans Claude Design, puis envoyez-la dans Lovable pour la base de données et les comptes. Notre guide Lovable détaille ses prix et ses limites.
Pour garder le code chez vous, passez par le handoff vers Claude Code, puis fixez vos conventions avec les skills Claude Code. Le reste de la stack se trouve dans Claude Cowork, notre sélection d'outils IA pour startup et le programme Claude for Startups.
Avec Claude Design, vous sautez l'attente d'un designer ; l'écriture du produit reste à faire ensuite.
FAQ
Claude Design est-il gratuit ?
Oui. Depuis le 16 septembre 2026, Anthropic inclut Claude Design dans tous les plans Claude, Free compris, sans prix séparé : chaque design consomme le quota de votre plan. Les design systems et Claude Code restent réservés aux plans payants, à partir de Pro à 17 $ par mois en annuel.
Comment accéder à Claude Design ?
Dans une conversation Claude (web, desktop ou mobile), demandez un design ou choisissez Output > Design. Autres entrées : un modèle Design dans l'onglet Artifacts, ou /design dans Claude Code. L'ancien site claude.ai/design ferme le 14 décembre 2026.
Claude Design fonctionne-t-il sur mobile ?
Oui, dans l'app Claude pour iOS et Android : demandez un design, puis ouvrez le résultat en plein écran dans l'onglet Artifacts pour le modifier. Les réglages de partage se changent uniquement sur le web ou le desktop.
Peut-on exporter un design Claude vers Figma ?
Non. Au 11 novembre 2026, Figma ne figure ni parmi les formats d'export ni parmi les quinze destinations officielles. Claude lit en revanche des fichiers Figma pour construire un design system.
Claude Design exporte-t-il en PowerPoint ?
Oui. Le bouton Export propose le format PPTX, lisible dans PowerPoint, et un export vers Google Slides. Un fichier PPTX joint en entrée sert aussi à reprendre la charte d'un ancien deck.
Comment installer le skill Frontend design sur Claude ?
Frontend design est un skill d'Anthropic, distinct de Claude Design, qui oriente Claude vers des interfaces moins génériques. Dans Claude Code, tapez /plugin marketplace add anthropics/skills, puis /plugin install example-skills@anthropic-agent-skills. Sur claude.ai, le dépôt officiel indique que ces skills d'exemple sont déjà disponibles sur les plans payants.
Quelle différence entre Claude Design et Claude Code ?
Claude Design produit des designs, des prototypes et des slides sur un canevas, sans code. Claude Code écrit le code d'une application. Un design part vers Claude Code par handoff, et /design-sync importe les composants d'une base de code dans Claude Design.
