Most code-based AI design is linear. Every change overwrites the last. Protocanvas brings the canvas layer back, so every variant stays alive as a branch on an infinite canvas, interactive and never lost. Bring your own agent. Own your code.
The code is open for a look. Active development, not yet self-serve.
The workflow runs on the protocanvas skill, the Claude-side context layer that powers all of this. Once it's loaded:
Ask your agent for multiple variants from a single prompt. Each lands on the canvas as a live React or HTML component in its own iframe card.
Branch any variant in any direction, anytime. Both branches stay alive on the canvas. Nothing overwrites. The thing you do on Figma naturally, that no text-to-code tool gives you back.
Element-level annotations, brought to you by Agentation. Point at the exact button you want changed instead of describing it.
Claude reads the annotations and lands a fresh branch on the canvas. Edges connect parent and child. Codex support coming next.
Every other tool in this category wants to own the stack. Your code lives in their product. Your agent is whichever one they offer. Your loop depends on their UI. Protocanvas is the opposite of all of that.
No proprietary model, no hosted endpoint, no lock-in. Your subscription, your context window, your choice.
Variants are real files you can open in any editor. There's no translation step and no export.
Runs on your laptop. No cloud, no auth. Everything is a Node process and a folder you control.
No paywalls, no gating, no premium tier. Fork it, extend it, build a product on top of it. The whole stack is open source.
I was designing Stock Unlock's charts, and moved the work out of Figma and into code because real data tells you things a static design can't. Where the design breaks when the volume is real, whether the axis labels actually fit. But working in code, I realized I missed Figma's canvas. I kept wanting to go sideways and couldn't, because every iteration overwrote the last. Protocanvas puts the canvas layer back.
Adithya
Protocanvas is a private preview in active development. The Claude-driven workflow runs end to end today, with Codex support as the next planned integration. It is not yet packaged for self-serve setup, which is part of what is being built next.