PROTOTYPER : le canvas qui écrit votre code pendant que vous dessinez
📌 PROTOTYPER est un espace de travail visuel où designers, ingénieurs et agents travaillent sur un seul et même artefact : ce que vous dessinez devient du code React qui tourne en direct, et l’agent que vous payez déjà fait le gros du travail.
Je vous en parle juste après tmux-ide, et ce n’est pas un hasard : les deux sortent du même atelier. J’étais pourtant sceptique en arrivant. Un « AI prototyping tool » de plus promettait de transformer chaque gribouillage en application magique. Mais la lectrice du manifeste m’a retourné : le prototype est le produit. Pas une maquette à livrer, pas un presse-papier vers l’équipe d’ingénieurs, le produit lui-même, qui tourne sur le canvas. Le fondateur le dit mieux que moi : le design a longtemps signifié des images, parce que les images étaient tout ce qu’on pouvait livrer. Désormais un agent écrit le code, alors le design peut être le code.
La mécanique qui me convainc, c’est le « canvas écrit en retour ». Bougez une forme, le code React suit. Éditez le code, la forme se met à jour. Deux vues, un seul artefact : vous ne pensez la chose qu’une seule fois. C’est l’inversion du flux classique où le design est une image déposée à la frontière entre les équipes. Sélection, alignment, courbure de la forme : l’outil moderne le plus utile ne génère pas, il relie. Ça, c’est un vrai changement de posture.
Et les agents restent les vôtres. La page vous donne la ligne à coller : claude mcp add prototyper https://www.prototyper.co/api/mcp. Votre abonnement Claude Code, Codex, Cursor ou Copilot continue de payer pour vous ; l’agent lit vos fichiers, écrit du vrais React et ouvre de vraies PR, droit depuis votre terminal, pendant que la conséquence apparaît à côté de vous. Trois agents à la fois : un sur l’UI, un sur les tests, un sur la copie. « Les humains ont des curseurs, les agents ont des fantômes » : chacun travaille depuis les mêmes fichiers, et le travail est le statut.
- 🖱️ Bouger une forme met à jour le code React
- 👻 Agents fantômes et curseurs humains sur le même canvas
- 🔌 Votre abonnement agent branché en une ligne via MCP
- 🗂️ Votre stack déjà là : GitHub, Drive, Linear, Figma, MCP
- 🧩 50+ composants typés et accessibles (prototyper-ui, MIT)
- 🔓 Le code vous appartient, exportable à tout moment
Le workspace charge votre écosystème tel qu’il est sur votre machine : GitHub, Drive, Linear, Notion, Figma, vos serveurs MCP, votre CI. Les tokens de votre design system, vos composants, vos skills vivent dans une même bibliothèque. Un abonnement à la place de cinq outils : outil de design, générateur IA, éditeur, hébergeur de preview et suivi de projet. 10 000 applications React ont déjà été livrées depuis le canvas. Gratuit pour commencer, 20 $/mois pour exporter et collaborer — l’ensemble est en version 1.0 depuis peu, donc je garde un œil, mais les fondations sont sérieuses.
Si vous en avez assez de dessiner des images qui finissent à la poubelle après le comité, PROTOTYPER vous propose un espace où ce que vous dessinez EST le produit. Essayez dix directions, gardez celle qui tourne.
Sources
