Une alternative gratuite à Claude Design ? Test d'Open Design AI

Voici un test réel et non scénarisé d'Open Design par quelqu'un qui construit et gère des sites web pour vivre, mais qui ne se considère pas comme designer. Dan Davies avait adoré Claude Design à son lancement, avant de se heurter de plein fouet à ses limites d'utilisation très basses — il s'est donc mis en quête d'une alternative open source qu'il pourrait connecter à son propre abonnement IA. Regardez l'intégralité de la session dans son walkthrough en direct, ou lisez la version écrite ci-dessous.

L'espace de travail Open Design : décrivez ce que vous voulez, choisissez un mode, et laissez l'agent de codage que vous payez déjà faire le travail.

Qu'est-ce qu'Open Design ?

Open Design est une plateforme de design open source et local-first — une alternative agent-native à Claude Design et Figma. Plutôt que de vous enfermer dans le modèle d'un seul fournisseur et un pool de crédits fixe, il fonctionne par-dessus l'agent de codage que vous utilisez déjà.

• Open source, Apache-2.0 — clonez-le, auto-hébergez-le, lisez chaque ligne, ou téléchargez simplement l'application de bureau.
• Local-first — vos projets vivent dans vos propres dossiers, sur votre propre machine, pas dans le cloud de quelqu'un d'autre.
• Apportez votre propre agent, pas seulement votre propre key — connectez Claude Code, Codex, Cursor, Gemini, Copilot, OpenCode, Hermes et bien d'autres ; le CLI que vous connectez pilote la génération.
• Plus que des prototypes — chartes graphiques, visuels marketing, mises en page façon diapositives, et designs web complets, le tout depuis un seul espace de travail.

Si vous avez déjà utilisé Claude Design, la sensation est immédiatement familière. Comme le dit Dan dans la vidéo, « c'est littéralement Claude Design — même mise en page, ça fonctionne pareil ». La différence se situe dans ce qui tourne en dessous, et dans qui paie la facture.

Le problème de limite d'usage qu'Open Design résout

L'histoire de Dan, beaucoup de gens vont s'y reconnaître. Il avait été sincèrement impressionné par Claude Design à son lancement — il aimait ce qu'il produisait — mais « les limites d'utilisation étaient si basses que ce n'était pas tenable de continuer à l'utiliser ». Dès qu'on s'attaque à un vrai projet et qu'on commence à itérer, on atteint vite le plafond, et l'outil se tait juste au moment où on a de l'élan.

Cette frustration à elle seule est ce qui l'a poussé à chercher ailleurs, et c'est exactement le vide qu'Open Design comble. Parce qu'Open Design est open source et ne vous revend pas d'accès à un modèle, il n'y a pas de compteur de crédits d'outil de design séparé qui vient s'ajouter à votre travail. Vous apportez votre propre agent, et votre usage est régi par le plan que vous avez déjà avec cet agent — pas par une limite que l'outil de design vous impose.

Pour Dan, développeur qui dirige une agence WordPress et une communauté scolaire enseignant WordPress, cela change complètement la donne. Le design cesse d'être un luxe facturé à l'usage et devient quelque chose qu'il peut itérer toute la journée.

Apportez votre propre agent, pas votre propre facture

C'est la fonctionnalité vers laquelle Dan revient sans cesse, et cela mérite d'être bien compris. Open Design n'embarque pas son propre modèle. Dans Settings, il détecte les CLI d'agents de codage déjà installés sur votre machine et vous permet de basculer entre eux.

Sur la configuration de Dan, il en a trouvé deux : Claude Code en ligne de commande, et Hermes agent (qu'il pilote avec un abonnement ChatGPT). « On peut brancher à peu près n'importe quoi », note-t-il — « pas seulement un modèle, mais un agent ». Si vous voulez utiliser votre abonnement Claude, vous pouvez ; votre plan Codex, vous pouvez ; une clé API brute, vous pouvez aussi.

La distinction qu'il établit est celle qui compte : il évite délibérément les clés API brutes, parce que les crédits facturés à l'appel brûlent vite de l'argent réel sur un travail de design itératif. Connecter Open Design à un abonnement que vous payez déjà — le plan de Claude Code, ou ChatGPT via Hermes — signifie que vous n'empilez pas une deuxième facture par-dessus. C'est, plus que tout, pourquoi il le préfère à un outil de design hébergé avec ses propres limites.

La bibliothèque de templates et de skills — avec des choses comme la migration Figma et l'export vers React ou Next.js — pour ne pas partir d'une toile vierge.

Il repère aussi très tôt la surface d'extension : une section tutoriels qui renvoie vers de vraies vidéos communautaires, une zone plugins remplie de templates prêts à l'emploi qui s'animent au survol, et des skills comme Figma migration, export to React, et export to Next.js. Il précise bien qu'il n'a pas encore exploré toute la capacité de l'outil — c'est une première prise en main — mais la structure est manifestement déjà là.

Test un : une charte graphique à partir d'une idée vague

La première tâche sérieuse de Dan est le genre de chose qui nécessite normalement le temps d'un designer professionnel : un document de charte graphique pour sa communauté scolaire WP Odyssey. Il n'avait pas de documentation claire de son logo, de ses icônes, de ses polices ou de ses couleurs, alors il a demandé à Open Design d'en créer une.

Le résultat l'a impressionné. Il a capturé la marque sous la forme d'une véritable fiche de charte graphique — usage du logo, le « signe d'identité » en forme de trident qui représente le parcours d'apprentissage qu'il fait suivre à ses élèves, des règles d'espace de respiration, des exemples de mauvais usage, une gamme de violets allant jusqu'à un « encre » presque noir, et la police qu'il voulait. Il a même introduit un dégradé violet qu'il a préféré à son violet uni existant, et disposé un motif de « chemin » pour le parcours à travers son cours.

Deux choses ressortent de la façon dont il en parle. D'abord, Open Design a produit un résultat structuré — pas un tas d'assets en vrac, mais un document présentable avec une façon de penser cohérente. Ensuite, il l'a traité comme un artefact vivant : « on va continuer à travailler dessus pour l'améliorer ». C'est la boucle prévue — générer une première version solide à partir d'une vraie marque, puis affiner.

Tout n'était pas parfait. Un test antérieur, plus bref — demander d'« améliorer » le site web d'un client en gestion de patrimoine avec quasiment aucun brief — est revenu ressemblant, selon ses mots, à du « AI slop » générique. Son propre bilan est juste et utile : « Ce n'est pas toujours l'outil qui pose problème », dit-il. « C'est la façon dont on le prompte. »

Test deux : concevoir les tuiles de quêtes

Le point d'orgue est un problème de design vraiment délicat. La communauté de Dan a 14 tuiles de « quête » organisées à trois par rangée, réparties sur des paliers — standard, premium et VIP — et il voulait que les violets s'assombrissent à mesure que le palier monte, qu'une ligne en pointillés de « parcours » traverse chaque rangée et s'aligne d'une tuile à l'autre, et que chaque tuile garde un petit caractère individuel.

Il avait essayé cela la veille avec ChatGPT (via Hermes agent) et ça s'était mal passé — mauvaises couleurs, lignes cassées, tuiles toutes identiques, et à un moment il s'est complètement écarté de la charte de marque, avant de l'admettre quand on l'a interpellé. Alors sur le stream, il a démarré un projet propre, remis l'agent sur Claude Code, et l'a nourri correctement : son PDF de charte graphique exporté, une capture d'écran de la salle de classe actuelle en référence, et une seule tuile d'exemple pour qu'il ne redessine que les tuiles, pas toute la page.

Cette fois, l'agent a posé de bonnes questions de découverte — tailles finales des assets, ratio d'aspect, comment le violet devait s'assombrir (dégradé progressif par palier), combien par rangée — puis a produit un premier jet solide. Le verdict de Dan a été sans détour : « C'est un million de fois mieux que ce qu'a fait ChatGPT hier. » Les tuiles utilisaient les bonnes couleurs, et surtout, la ligne de parcours s'alignait automatiquement d'une tuile à l'autre — quelque chose qu'il s'était préparé à corriger à la main.

Open Design a tendance à présenter le travail généré comme un artefact réel et structuré — ici, un design entièrement rendu dans l'aperçu — plutôt que comme un lot de fichiers en vrac.

Ce n'était pas irréprochable — les violets du palier standard sont sortis plus sombres qu'il ne le voulait, un logo était répété là où il aurait préféré de la variété — mais ce sont exactement les remarques qu'on réinjecte dans le prompt suivant. Il a aussi signalé un point de coût honnête : générer ce lot de tuiles a utilisé environ 50 % de l'usage de son plan Claude à 20 dollars. L'itération de design n'est pas exempte de coût modèle ; elle est juste exempte d'une deuxième facture d'outil de design.

Pourquoi le modèle que vous branchez compte

L'enseignement le plus clair de la session de Dan est que la qualité du résultat suit l'agent que vous connectez. La même tâche, dans le même outil, est passée d'un résultat confus avec un agent à un premier jet propre avec un agent plus performant. Open Design est l'espace de travail et la structure ; le modèle est le moteur.

Il fait aussi une comparaison intéressante avec des outils d'image classiques : il avait essayé des tâches similaires dans un générateur d'images générique et celui-ci avait « peiné », alors qu'Open Design « semble apporter un peu plus de structure dans ce qu'il donne ». Quand on lui demande des visuels, il construit une petite page web pour les afficher et les télécharger — un livrable présentable, pas juste une sortie brute.

Son plan à partir de là en dit long sur la place que ce genre d'outil occupe dans un vrai flux de travail : continuer à affiner les tuiles, puis passer à la construction de pages d'accueil de sites web, transmettre le résultat à VS Code depuis le coin supérieur droit, et finalement générer des templates WordPress éditables pour que les clients conservent les avantages d'un vrai CMS. C'est la trajectoire concrète — des assets marketing jusqu'aux sites livrables — qu'un outil de design ouvert et pilotable par agent rend accessible à une équipe technique sans designer à temps plein.

FAQ

Open Design est-il vraiment gratuit ? Le logiciel est open source sous licence Apache-2.0 et gratuit à exécuter en local. Vous ne payez rien à Open Design. Vous ne payez que l'usage de l'agent de codage que vous connectez — et si vous branchez un abonnement que vous avez déjà (comme le plan de Claude Code), il n'y a pas de facture d'outil de design supplémentaire.

En quoi est-ce différent de Claude Design ? Même sensation familière, mais open source, local-first, et pilotable par agent. Au lieu d'un seul modèle hébergé avec un pool de crédits fixe et bas, vous apportez votre propre agent et votre usage suit votre plan existant. Comme le montre la session de Dan, cela supprime le mur de limite d'usage qui rendait Claude Design difficile à tenir sur une itération intensive.

Dois-je utiliser une clé API ? Non — c'est le point que Dan souligne le plus. Open Design détecte les CLI d'agents sur votre machine et vous permet d'utiliser un abonnement plutôt que des crédits API facturés à l'appel, ce qui, selon lui, brûle vite de l'argent sur un travail itératif.

Quel agent dois-je connecter ? Celui qui produit les meilleurs résultats pour votre tâche — la qualité du résultat suit le modèle. Dans la vidéo, le même travail de design de tuiles est passé d'un résultat raté avec un agent à un premier jet propre après le passage à Claude Code, alors optez pour un agent performant quand le résultat compte.

Les non-designers peuvent-ils vraiment obtenir de bons résultats ? Oui, avec les bonnes entrées. Dan est développeur, pas designer, et a obtenu une charte graphique et des tuiles de classe utilisables — mais sa propre leçon est que des prompts maigres donnent du « AI slop ». Donnez-lui une vraie charte de marque, des images de référence, et des contraintes claires, puis itérez.

---

Ce guide écrit s'appuie sur le test en direct d'Open Design réalisé par Dan Davies. Regardez l'intégralité de la session ci-dessus, et abonnez-vous à Dan Davies pour d'autres streams pratiques sur WordPress et les outils IA.