https://api.flowstep.ai/mcp (Streamable HTTP transport). No local process to run.
What you can do
The server exposes 19 tools across six categories:| Category | Tools |
|---|---|
| Files | create-file, list-files, get-file, update-file, delete-file |
| Screens | list-screens, get-screen, get-screen-image, add-screen |
| AI generation | create-new-design, regenerate-design, expand-design, edit-design, upload-attachment |
| Chat | get-chat-history |
| Design | get-design-guidelines, update-design-guidelines, delete-design-guidelines |
| Billing | get-plan-details |
Common use cases
Generate screens from a prompt — callcreate-new-design with a description. Flowstep creates the file and screens in one step. Call get-screen-image with the returned screenIds to see the result inline.
Visualise a React component — upload your .jsx or .tsx file via upload-attachment (use mimeType: text/javascript), then pass the returned attachment into create-new-design with a message describing the component. Flowstep reads the source and generates a matching design screen.
Iterate on a design — call edit-design with a target screenId and instructions to modify it, or regenerate-design to redo a screen from scratch.
Maintain design guidelines — call get-design-guidelines to retrieve your current style rules (colours, typography, spacing, tone), then use update-design-guidelines to keep them in sync as your design evolves. Passing consistent guidelines into create-new-design or edit-design ensures every generated screen stays on-brand. Use delete-design-guidelines to reset them entirely.
Audit quota — call get-plan-details to see remaining daily and monthly usage before kicking off a batch of generations.
Endpoint
Next steps
Quickstart
First tool call in under 5 minutes with Cursor.
Authentication
How OAuth 2.1 PKCE works and how tokens are issued.
Tools
Full input/output reference for all 19 tools.
Examples
End-to-end workflows for common tasks.