Classé dans Design · Intelligence Apache-2.0 · Fait sur Terre
← Retour au carnet

L'alternative open source à Claude Design

Claude Design est un bon outil. Il est aussi propriétaire, uniquement hébergé et couplé à un abonnement Claude. Voici un avis honnête sur les cas où il faut le choisir — et ceux où la voie open source l'emporte.


Claude Design est un bon outil. Nous l'avons utilisé sur de vrais briefs. Le fait que nous ayons construit une couche open source à la place ne tient pas au fait qu'Anthropic aurait livré un mauvais outil — ce n'est pas le cas. C'est parce qu'un outillage de design propriétaire, uniquement hébergé et facturé de 20 à 200 dollars par mois n'est pas la bonne forme pour la prochaine décennie du travail de design. Cet article est l'avis honnête sur Claude Design, rédigé par une équipe qui livre dans la même catégorie : ce qu'il est, là où il vous enferme, à quoi ressemble réellement l'alternative open source, et lequel choisir ce trimestre.

Ce qu'est réellement Claude Design

Claude Design est sorti d'Anthropic Labs en avril 2026. C'est un outil de design conversationnel propulsé par Claude Opus 4.7 : la conversation à gauche, le canevas à droite. Vous décrivez ce que vous voulez, Claude génère un design, et vous itérez à travers commentaires, éditions en ligne et affinages de prompts.

Il fait quatre choses bien :

  • Des prototypes à partir de texte. Parcours d'onboarding, pages de paramètres, panneaux d'administration, variantes de paiement — cinq minutes du prompt à l'écran interactif.
  • Conscience de la base de code. Importez un dépôt GitHub ou rattachez un répertoire local, et les prototypes utilisent vos vrais composants, votre système de tokens, vos conventions.
  • Intégration de marque. Configurez un design system une fois et chaque projet récupère automatiquement les couleurs, la typographie et les motifs de composants.
  • Passage à Claude Code. Le bouton « build this » fait passer le prototype à du code prêt pour la production dans le même onglet de navigateur.

Les exports comprennent Canva, PDF, PPTX, HTML et des URL autonomes. La tarification est couplée — Claude Pro à 20 $, Max à 100–200 $, Enterprise au tarif habituel sur demande. C'est actuellement une preview de recherche pour les abonnés Claude payants.

Si vous lisez le tutoriel officiel, le workflow décrit par Anthropic est le même que celui livré par Open Design : un brief, une direction, un artefact, un passage de relais. Les différences se logent un cran plus bas.

Là où il vous enferme

Claude Design porte quatre formes de verrouillage qui méritent d'être nommées d'emblée, parce que les pages marketing ne le font pas.

Le modèle est figé. Chaque rendu passe par Claude. Pas Claude ou un modèle que vous avez déjà payé — juste Claude. Si votre équipe a un contrat avec GPT, Gemini ou DeepSeek, ou si vous auto-hébergez sur Ollama pour des briefs sensibles, ces workflows ne se transposent pas. Le coût en tokens suit pour toujours la courbe de prix d'Anthropic.

Le runtime est hébergé. Vos prompts, votre design system et le contexte de votre base de code voyagent tous vers les serveurs d'Anthropic. Pour du travail d'agence ou de la création avant lancement sous NDA, c'est une discussion d'achat à chaque fois. L'auto-hébergement n'est pas une option dans la preview de recherche, et l'annonce ne s'engage pas à en proposer une.

Les skills ne sont pas les vôtres. Le comportement de Claude Design est défini par des prompts et des outils qui vivent à l'intérieur d'Anthropic. Vous ne pouvez pas les forker, les auditer ou en remplacer un. Les « skills » qu'Anthropic livre dans Claude Skills sont adjacents mais distincts ; l'outillage spécifique au design est interne.

La facture est un abonnement. 20–200 $/mois par siège, c'est correct pour un designer solo, douloureux pour une équipe de vingt, et rédhibitoire pour la douzaine de contributeurs open source qui adopteraient autrement le même workflow.

Aucun de ces points n'est un bug de Claude Design. C'est la forme d'un produit hébergé. Anthropic a optimisé pour l'abonné Pro médian. Nous ne sommes pas l'abonné Pro médian.

Un solide nuageux noir à facettes relié par une ligne en pointillés à un petit ancrage au sol et un bloc serveur, sur une planche d'étude éditoriale aux tons chauds
Hébergé par défaut : vos prompts, votre design system et le contexte de votre base de code voyagent vers les serveurs de quelqu'un d'autre.

L'alternative open source

Open Design (ce site) est un pari différent. Ce n'est pas un clone de Claude Design — c'est une fine couche de skills qui transforme l'agent de codage que vous utilisez déjà en un moteur de design. Les quatre primitives sont les skills, les systems, les adapters et le daemon. Chaque skill est un fichier SKILL.md. Chaque design system est un fichier DESIGN.md. Chaque adaptateur d'agent fait environ 80 lignes de TypeScript.

Ce qui est livré dans la boîte aujourd'hui :

  • 123 skills — générateurs de decks, maquettes mobiles, pages éditoriales, Word/Excel/PPT, explorations de marque
  • 148 design systems — versions Markdown portables de Linear, Vercel, Stripe, Apple, Cursor, Figma, plus une longue traîne
  • 16 CLI d'agents de codage détectés automatiquement sur votre $PATH — Claude Code, Codex, Cursor, Gemini, OpenCode, Copilot, Devin, Hermes, Pi, Kimi, Kiro, Qwen, DeepSeek TUI, Qoder, Mistral Vibe, Kilo
  • Workflow verrouillé en quatre étapes — formulaire de questions → sélecteur de direction → flux de plan en direct → aperçu en iframe sandboxé
  • BYOK par défaut — collez n'importe quel base_url et clé compatibles OpenAI, vos tokens vont directement au fournisseur
  • Apache-2.0, sans inscription, fonctionne avec pnpm tools-dev

Le modèle mental : Claude Design est un produit. Open Design est une couche.

Trois polyèdres noirs à facettes sur une ligne de base mesurée, un seul logé dans un cadre à équerre tandis que les autres reposent librement, sur une planche d'étude éditoriale aux tons chauds
Claude Design fige le modèle. La voie ouverte vous laisse apporter celui que vous payez déjà.

Comparatif côte à côte

Claude DesignOpen Design
LicencePropriétaireApache-2.0
RuntimeHébergé (Anthropic)Daemon local (pnpm tools-dev) + déploiement Vercel optionnel
ModèlesClaude uniquementN'importe quel endpoint compatible OpenAI + 16 CLI détectées
SkillsInternes123 dossiers SKILL.md forkables
Design systemsConfiguration de marque par projet148 fichiers DESIGN.md portables
Contexte de la base de codeImport GitHub + localAu niveau du skill, répertoire de travail réel
Tarification20 $ / 100 $ / 200 $ / EnterpriseGratuit ; vous payez directement votre fournisseur de modèle
Passage de relaisClaude Code (intégré)N'importe quel agent sur le $PATH, plus exports HTML / PDF / PPTX / ZIP
Auto-hébergeableNonOui (ordinateur portable ou Vercel)
Chemin des donnéesPrompts → AnthropicPrompts → le fournisseur que vous avez choisi ; rien ne passe par nous

Le résumé honnête : Claude Design offre l'expérience mono-produit la plus aboutie. Open Design échange cette surface mono-produit soignée contre une bibliothèque — plus de skills, plus de systems, plus d'agents, conçus pour se composer avec l'agent déjà présent sur votre ordinateur portable.

Trois fines dalles noires empilées avec des espaces visibles comme une pile de couches en isométrie, des repères de cote marquant les espaces, une feuille d'olivier au sommet, sur une planche d'étude éditoriale aux tons chauds
Un produit et une couche — Open Design se place entre votre agent et le travail de design.

Qui devrait choisir quoi

Si vous êtes…Choisissez
Un PM solo dans une entreprise déjà sur Claude Pro qui a besoin d'un prototype avant le déjeunerClaude Design. Les 20 $/mois sont déjà engagés ; l'interface est réellement rapide.
Une équipe de design en entreprise où Anthropic a déjà passé les achatsClaude Design. Vous avez payé le coût d'intégration une fois ; rentabilisez-le.
Un designer solo qui veut « Claude Design mais gratuit »Open Design. Gratuit, et vous possédez le workflow au lieu de le louer — pointez-le vers un modèle que vous payez déjà et le premier deck prend environ dix minutes.
Un design engineer qui pilote déjà Claude Code, Codex ou Cursor depuis le terminalOpen Design. Votre agent est le moteur de design ; la couche de skills ajoute goût et structure sans nouvelle application.
Quiconque a besoin de BYOK, de choisir son modèle en cours de projet, ou du local-only pour des briefs sensiblesOpen Design. La réalité est plus rugueuse que le marketing, mais le contrat est le seul qui tienne vraiment.
Un contributeur open source qui veut livrer un nouveau skill de design que le projet peut adopterOpen Design. Déposez un dossier, redémarrez le daemon, envoyez la PR.
Une équipe qui standardise sur un design system portable qui survit au roulement des outilsOpen Design. Les fichiers DESIGN.md survivent à l'outil qui les lit.

La dimension qui tranche pour la plupart des équipes n'est pas la qualité. C'est de savoir si vous préférez louer le workflow ou le posséder.

Que faire ensuite

Si vous voulez sentir ce que c'est de posséder le workflow avant de dépenser pour un abonnement Pro, lancez le démarrage rapide en trois commandes et pointez-le vers le modèle que vous payez déjà. Le tout tient dans un seul dépôt et le premier deck prend environ dix minutes.

Essayez le workflow open source.

Lectures associées


← Retour au carnet GitHub · Source ↗