https://api.flowstep.ai/mcp (Streamable HTTP transport). No local process to run.
What you can do
The server exposes 20 tools across seven categories: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.
Import from Figma — call import-figma with a Figma frame link and a fileId to bring the frame into a Flowstep file as editable elements. The file’s organization must have Figma connected first.
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 20 tools.
Examples
End-to-end workflows for common tasks.