Statecraft maps your product's real journeys from the live code then lets you change them directly and see the result instantly. Edit in the browser, your IDE, or with any AI.
Statecraft simplifies your process into one live artifact - no redrawing, manually stepping through journeys or workshops.
Point Statecraft at your repo — or a folder on your Mac — and every flow is recreated from the live code. Every state, every branch, every error path, connected so the whole team can understand it.
Everything you explore is your actual components, props and tokens — not a lookalike. Sync your design system so it stays current, and let Statecraft show you what every pull request changes.
Drag like a design tool, tweak the real code, or just tell an agent what you want — a design assistant in the app, or your own coding agent over the synced files. The canvas updates instantly.
Connect a repo, or start fresh. Your real components and journeys come in automatically.
Map any flow across its states. Change it by drag, by code, or by agent; solo or with your team, live.
Send a click-through link, gather comments on the real thing, snapshot versions, ship with confidence.
No redrawing screens that already exist. No rebuilding component libraries that drift from what shipped. Start from how your product actually behaves. Then change it.
No redrawing. Explore a real flow across every state, change it against your own components and tokens, and hand off the real thing — not a lookalike that drifts the moment it ships.
See how a feature behaves today — every state and edge case — and what a change really touches, before it's on a roadmap.
The source is the source of truth. Edit on the canvas or in your IDE, keep everything on your components, and see exactly what each pull request changes.