Open-source · agent-first design canvas
You direct.
Your agents design.
Describe what you need. Watch agents build it live.
Steer, refine, and commit the design beside your code.
At home in VS CodeCursorWindsurfDesktop app
Scripted product demo · TEST DATA · No live connection
Describe → plan → watch → steer → refine → implement → commit.
- 01Describe
- 02Plan
- 03Watch
- 04Steer
- 05Refine
- 06Implement
- 07Commit
01 / Human in the loop
A director's table.
You're in control.
Start with a conversation. Review the plan, watch every step, and steer while agents build. Take over by hand whenever you need to.
- See who changed what
- Undo a turn, or a single change
- Stop any agent in one click
02 / Built for your repo
A design file.
Not another silo.
Your canvas is a plain file next to your code. Version it with Git, sync tokens to CSS, and give your agent the context to implement what you designed.
- Local files. Honest save states.
- Tokens that stay in sync.
- Design context all the way to code.
Familiar tools.
A new way to work.
Built for people who move
between design and code.
A real vector canvas
Describe first, then refine with frames, paths, auto-layout, components, and variables. Precise hand tools are always there.
One panel. Every agent.
Built-in agents and Claude Code, Cursor, Codex, Gemini CLI or Windsurf share sessions, steps, presence, Stop and History.
Open by design
An open-source canvas and a plain file format. Keep your designs on your computer, in your repo.
your-next-idea.vellum
Make room for your next idea.
Open a file. Describe your idea. Let agents build.
IDE extension or desktop app. Your files stay yours.