Edit it any way

Drag, code, or prompt.

The canvas, your IDE, and an AI agent are three ways into the same project. Move a component like a design tool, edit the real source, or just say what you want — every change lands on the same live canvas, instantly.

By hand

Drag it, or drop into the code.

Work visually on the canvas like any design tool — move, resize, and restyle against your real components. Or open the same screen's source in your IDE. Both edit the one project, and the canvas updates the moment you save.

  • Drag, resize, and restyle on the canvas
  • Props and tokens from your design system — never a raw hex value
  • Or edit the real source in your IDE, synced to disk
By agent

Or hand it to an agent.

Describe the change in plain language. Use the assistant built into Statecraft — bring your own Anthropic key — or point Claude Code, Cursor, or Codex at the synced files. Either way it edits your real components, and the canvas keeps up.

  • A built-in design assistant — bring your own Anthropic key
  • Or your own coding agent, over the synced folder
  • Claude Code, Cursor, Codex — no model lock-in

Drag, code, or prompt. Every edit lands on the same canvas.