Flowstep

Flowstep is a design canvas that your agent can draw on. Ask for a screen and you get one — real layout, real components, sitting on a canvas you can open and edit. Point at a .jsx or .tsx file and Flowstep reads the source, then designs the screen to match it. Ask for the empty state, the error state, the mobile version, and they appear alongside. Nothing is a flat image. Nudge a screen with a follow-up instruction, redo it from scratch, or pull in a Figma frame as editable elements. Set your colours, type, and spacing once and every new screen follows them. Useful when you're mid-build and need to see the thing before you commit to it — a checkout flow, a settings page, four takes on an onboarding screen. Works from Cursor, Claude Code, or any MCP client, so the design step happens where you're already working.