OPENDESIGN : votre agent de code devient un studio de design
⏱️ Temps de lecture estimé : 4 minutes
📌 OPENDESIGN est un espace de travail open source dans lequel l’agent de code que vous utilisez déjà — Claude Code, Codex, Cursor, OpenCode — écrit des prototypes HTML alignés sur votre marque. Vous décrivez, il génère, votre équipe commente : le tout dans un seul projet, sur votre machine.
Le déroulé tient en quatre temps. Vous vous connectez à OpenDesign Cloud ou vous branchez l’agent déjà installé sur votre ordinateur. Vous choisissez un système de design, vous décrivez les écrans, et l’agent produit un prototype HTML fonctionnel que vous prévisualisez en direct. Vous partagez un lien, vos collègues laissent leurs commentaires directement sur le design, puis vous renvoyez tous ces retours à l’agent comme une seule tâche de révision. À la fin : export HTML autonome, PDF, PNG, ou un PowerPoint modifiable pour les présentations.
Le studio va au-delà des prototypes. Il y a les diapositives, avec vignettes et notes de l’orateur, la génération d’images depuis la conversation, et HyperFrames, l’éditeur de motion graphics qui exporte en MP4. C’est ce que montre la vidéo.
Trois modes de connexion, et la distinction compte. En local CLI, aucun compte OpenDesign n’est nécessaire : votre agent tourne, son abonnement ou son API est facturé normalement. En BYOK, vous branchez votre propre clé API et votre fournisseur facture l’usage, aucun crédit OpenDesign n’est consommé — avec une limite qu’il faut connaître : une clé externe génère des designs mais ne modifie pas les fichiers du projet, il faut pour cela un agent local. En hosté, ce sont les modèles d’OpenDesign Cloud qui tournent, décomptés des crédits mensuels de l’offre.
Ce qui donne sa cohérence au résultat, c’est le système de design. Plus de 150 systèmes open source sont fournis, et vous pouvez construire le vôtre à partir d’un site web, d’un dépôt GitHub ou d’un fichier Figma. Couleurs, typographie, espacements et composants s’appliquent ensuite à chaque prototype, page et présentation. Autre détail que j’apprécie : la génération n’est pas une impasse. On déplace et redimensionne des éléments, on change un texte ou une couleur, on ajuste les espacements et l’alignement sans tout relancer.
L’extension se fait par des Skills de la communauté — recherche, contenu, design, livraison — et le site référence 458 plugins. Côté agents, la compatibilité est large : od mcp install claude, od mcp install opencode, et le reste de la même façon, avec DeepSeek Harness traité comme un runtime natif. Le dépôt affiche plus de 100 000 étoiles et 387 contributeurs.
Je trouve rare un outil qui traite le design comme un protocole de fichiers plutôt que comme une destination : DESIGN.md et les skills voyagent avec le projet, se lisent et se modifient dans n’importe quel éditeur, et le travail reste chez vous en HTML et CSS. Les limites sont assumées : aucun export Figma, aucun build Linux sur la page de téléchargement (il faut compiler depuis les sources), et transformer un prototype en application de production reste du travail d’ingénierie. L’app desktop est gratuite et open source sous Apache-2.0, les modèles hébergés relèvent des offres payantes. À noter aussi : les statistiques d’usage sont activées par défaut, à désactiver dans Paramètres → Confidentialité.
- 🖥️ Un prototype HTML fonctionnel généré depuis une description d’écran
- 🎨 Plus de 150 systèmes de design, ou le vôtre depuis un site, un GitHub ou un Figma
- 🧩 Édition directe après génération : déplacer, recolorer, réaligner sans relancer
- 👥 Lien de partage et commentaires d’équipe renvoyés à l’agent en une seule révision
- 🔌 Local CLI, BYOK ou modèles hébergés, selon ce que vous voulez facturer
- 📦 Exports HTML, PDF, PNG et PowerPoint, sans sortie Figma
Sources
