Le déclic Claude Design

Claude Design a posé une idée assez simple, mais vraiment puissante : arrêter de travailler à l'aveugle avec un LLM. Au lieu de lui demander de décrire ce qu'on a en tête, on lui demande de produire directement un artefact visuel, puis on itère dessus.

C'est exactement ce qui manque souvent quand on fait du design avec de l'IA. D'un côté, tu as la vitesse folle des modèles pour générer, corriger, décliner. De l'autre, tu as le besoin très concret de voir quelque chose, presque comme dans Figma : une interface, une maquette, des composants, une direction visuelle. Claude Design a réussi à rapprocher ces deux mondes.

Le problème, c'est le prix, le modèle fermé, et le cloud-only. Pour des projets perso, des sujets confidentiels, ou simplement une démarche plus souveraine, tu te retrouves vite coincé. L'outil est fantastique, mais le workflow reste enfermé dans une seule plateforme.

Point de bascule

La bonne nouvelle, c'est qu'il existe maintenant une alternative open source : Open Design. Avec OpenCode, on obtient un atelier design agentique local-first, utilisable avec les modèles et les clés API que l'on choisit.

Interface Open Design affichant un workflow de création design agentique Interface Claude Design affichant un workflow visuel similaire
comparer
Superposition. À gauche, Claude Design. À droite, Open Design. Le but n'est pas de dire que tout est identique, mais de montrer la proximité du workflow visuel.

Le principe

Open Design, le projet nexu-io/open-design, ne remplace pas ton agent. Il orchestre les agents qui existent déjà sur ta machine. C'est une nuance importante : il ne change pas forcément le moteur, il ajoute un cadre de production design autour de lui.

En clair, tu peux garder ton CLI Codex, OpenCode, Gemini CLI, DeepSeek, OpenRouter ou un autre moteur. Open Design vient ajouter la partie qui manque souvent aux agents de code : le brief, les directions visuelles, les skills, les design systems, la preview sandboxée et les exports. C'est exactement le type de brique qui devient intéressant quand on commence à comparer sérieusement les LLM de coding et leurs coûts réels.

Le résultat, c'est un atelier de design local-first, open source, versionnable, et beaucoup plus libre. Tu n'es pas obligé de choisir entre une interface visuelle efficace et le contrôle de ton workflow.

Le vrai sujet, ce n'est pas seulement de cloner Claude Design. C'est de reprendre son processus de création, qui est franchement excellent, sans reprendre le lock-in. On garde la boucle visuelle, mais on récupère la souveraineté.

— carnet de bord

Pourquoi c'est intéressant avec OpenCode

OpenCode est déjà très bon pour lire un projet, modifier des fichiers, lancer des commandes et garder une vraie boucle de travail dans le terminal. Open Design lui ajoute une couche de cadrage design :

  • un brief interactif avant de générer n'importe quoi ;
  • des directions visuelles pré-cadrées ;
  • des skills pour prototypes web, dashboards, apps mobiles, posters, decks, rapports, carrousels et runbooks ;
  • une preview en iframe sandboxée ;
  • des exports HTML, PDF, PPTX, ZIP, Markdown et média selon les modes ;
  • un dossier projet réel sur disque, inspectable et versionnable.

Le combo est assez sain : OpenCode exécute, Open Design cadre. Et toi, tu gardes les fichiers, les prompts, les exports et le choix du modèle.

Mon test portfolio

Pour tester le workflow, j'ai pris un cas très concret : demander à Open Design de refaire simplement mon portfolio sous une autre direction visuelle. Le moteur derrière : OpenCode, branché sur le modèle gratuit du moment, DeepSeek V4 Flash Free.

Ce qui m'intéressait, ce n'était pas d'obtenir une version finale prête à publier en un prompt. C'était de voir si la boucle ressemblait vraiment à Claude Design : brief, génération, preview, correction, fichiers récupérables. Et sur ce point, l'expérience est assez proche. Tu gardes la logique agentique, mais tu peux changer de modèle, changer de clé API, ou passer sur un modèle local si tu veux pousser la souveraineté encore plus loin.

Capture d'écran d'un test Open Design demandant une refonte visuelle du portfolio Ruben Torney avec OpenCode et DeepSeek V4 Flash Free
Test réel. Refonte exploratoire de mon portfolio avec Open Design, OpenCode et DeepSeek V4 Flash Free. L'intérêt ici, c'est la boucle : brief, preview, correction, fichiers récupérables.

Installer Open Design

Si tu veux aller vite, le plus simple est d'utiliser l'application Desktop. Sur Windows, tu télécharges l'installeur depuis la page des releases, tu l'installes comme un logiciel classique, puis tu connectes tes agents et tes clés. Pour quelqu'un qui n'a pas envie de démarrer par un git clone, c'est clairement la voie la plus confortable.

Pour ceux qui veulent garder la main sur toute la stack, le workflow source reste très simple :

git clone https://github.com/nexu-io/open-design.git
cd open-design
pnpm install
pnpm tools-dev

Ensuite, Open Design détecte les agents disponibles sur ton PATH. Si opencode est installé, il peut devenir l'un des moteurs de génération. Tu peux aussi passer par un proxy BYOK compatible avec plusieurs fournisseurs, ou brancher des modèles locaux selon ton niveau d'exigence sur la confidentialité.

Mon avis

Ce n'est pas magique pour autant. Un outil open source demande un peu plus d'installation, un peu plus de compréhension, et parfois un peu plus de patience. Mais pour une équipe qui veut comprendre, adapter, versionner ou self-hoster son workflow design, c'est exactement le bon compromis.

Je ne le vendrais pas encore comme un "Figma killer". Ce n'est pas le sujet. Je le vois plutôt comme un studio de génération : sortir un prototype, une landing, un deck, un poster ou une maquette opérationnelle rapidement, puis reprendre le résultat dans la stack qui convient.

Sur mon test portfolio, le point le plus rassurant a été la continuité du workflow. Tu peux faire travailler OpenCode avec DeepSeek V4 Flash Free, puis demain changer pour OpenRouter, Gemini, Codex CLI, ou un modèle local. Tu n'as pas à reconstruire tout ton process parce qu'un fournisseur change ses prix ou ses règles. Dans le même esprit, le test Qwen 3.6 Plus gratuit dans OpenCode montre pourquoi cette liberté de modèle devient concrète.

Conclusion

Si tu cherches une alternative open source à Claude Design, je commencerais par ce trio :

  1. OpenCode pour l'agent de coding open source.
  2. Open Design pour le workflow design agentique.
  3. Ton modèle, ta clé API ou ton modèle local pour éviter le lock-in et reprendre la main.

À titre perso, Claude Design était la fonctionnalité qui me faisait encore hésiter à garder mon plan Anthropic Max. Avec Open Design, je peux sortir de ce lock-in, économiser sur la facture, tester d'autres LLM, et reprendre le contrôle de certaines phases de mon workflow.

Ce n'est pas encore aussi lisse qu'un produit fermé, mais c'est beaucoup plus libre. Et pour moi, c'est exactement la direction intéressante des agents : produire de vraies interfaces, de vraies maquettes et de vrais artefacts, sans enfermer tout le workflow dans une seule plateforme.

— Ruben

Liens utiles