
Doop
Le canvas de design où l'IA code en direct.
points forts
- + Intégration MCP native pour une collaboration IA-Humain
- + Rendu HTML/CSS réel dans des iframes sandboxées
- + Boucle de rétroaction visuelle (auto-correction de l'IA)
- + Open source (AGPL-3.0) avec PGlite pour un déploiement aisé
- + Doctrine anti-clichés empêchant le design IA générique
points faibles
- − Images Docker lourdes (>600 Mo) à cause de Chromium
- − La licence AGPL-3.0 contraint la réutilisation commerciale
- − Pas d'outils de dessin vectoriel classique
review complète
Doop — Le canvas de design où l'IA code en direct.
État des lieux
L'ère est à la cohabitation, mes bons amis. Fini le temps où l'humain dessinait des petits rectangles vectoriels dans son coin sur Figma, avant de balancer des maquettes mortes à des développeurs épuisés. Aujourd'hui, les agents IA, de Claude Code à Hermes, crachent du code comme on respire. Mais comment faire asseoir un agent IA à la table des designers sans qu'il ne saccage la nappe ? C'est là qu'intervient Doop, lancé en août 2026 par Kai Goedecke. Se voulant l'alternative libre et ouverte à Paper.design, Doop propose un canvas collaboratif infini où l'IA et l'humain conçoivent ensemble. Pas avec des courbes de Bézier, mais avec du vrai HTML et CSS rendu en direct.
La carte des menus
On est sur du pain bénit pour les bidouilleurs. - Auto-hébergé : 100% gratuit. Le bébé est open-source sous licence AGPL-3.0. Vous tirez le conteneur Docker, vous lancez, et c'est réglé. - Version Cloud : Pour l'instant, l'accès à la plateforme officielle (doop.design) est en mode "open signup" et totalement gratuit, servant de vitrine géante pour l'écosystème.
Ce que la bête sait vraiment faire
Le moteur sous le capot n'a rien à voir avec un éditeur graphique classique. Ici, chaque frame est une iframe sandboxée exécutant du HTML. L'intégration du Model Context Protocol (MCP) change complètement la donne : on connecte son agent IA en une ligne de commande, et il déboule sur le canvas. Il tape son code avec un "morphing DOM" millimétré pour éviter les flashs blancs, générant des maquettes en streaming visuel progressif.
Le coup de génie réside dans sa boucle de rétroaction fermée. Doop embarque un Chromium headless (Puppeteer) qui capture la maquette et la renvoie à l'IA. L'agent voit qu'il a foiré la marge de son bouton, et il corrige le tir lui-même. Vous pouvez même lui glisser des mots d'amour ou des recadrages secs via la barre de "Working Strip", qu'il lira au prochain cycle. Enfin, l'outil injecte une "doctrine de design" (un bon gros guide.ts) qui interdit formellement à l'IA de vous pondre des dégradés violets génériques ou du vieux Lorem Ipsum.
Les couleuvres à avaler
Il y a forcément des arêtes dans ce joli poisson. D'abord, le poids de la bête : embarquer Chromium pour faire des captures d'écran fait exploser les images Docker (plus de 600 Mo) et suce la RAM de vos petits VPS comme un vampire assoiffé.
Ensuite, la licence AGPL-3.0 est un répulsif à startups voulant repackager la techno sans ouvrir leurs propres sources. Par défaut, l'outil tourne sur PGlite, ce qui est très mignon pour démarrer en local, mais interdit le clustering dès que vous passez en production sérieuse (PostgreSQL devient alors obligatoire). Et si vous cherchiez un outil avec un pinceau pour dessiner des logos, passez votre chemin : ici on manipule des balises, pas des tracés.
Verdict
Doop est le genre d'outil qui vous fait réaliser que les dinosaures du design vectoriel feraient bien de regarder dans le rétroviseur. C'est brut, technique, et redoutablement bien pensé pour intégrer les LLM à la genèse même du code visuel. Un must-have pour les développeurs et les petites équipes produit qui veulent itérer à la vitesse de la lumière. ★★★★☆
cas d'usage
- 1. Prototypage ultra-rapide avec des agents IA
- 2. Test de Design Systems en conditions réelles
- 3. Ateliers de co-conception UI/UX
- 4. Génération de wireframes fonctionnels interactifs
- 5. Tests pour développeurs d'agents multimodaux
astuces
- → Faites utiliser get_frame_screenshot à l'agent pour vérifier ses alignements.
- → Utilisez la Working Strip pour corriger l'agent en vol.
- → Basculez sur un vrai PostgreSQL pour la production multi-utilisateurs.




