Flowstep MCP — Cursor

Configuration

Click Add Flowstep to Cursor to install the server in one click. Or add the server to your MCP config yourself. Cursor looks for this in two locations — use the global file to enable it across all projects, or the project file to keep it scoped.

Global (~/.cursor/mcp.json)
Project (.cursor/mcp.json)

{
  "mcpServers": {
    "flowstep": {
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

{
  "mcpServers": {
    "flowstep": {
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

Restart Cursor after saving the file.

Authentication

Open Settings → MCP and click Connect next to Flowstep. Cursor opens your browser to https://api.flowstep.ai/oauth/authorize. Sign in with your Flowstep credentials (email/password or Google SSO), then click Allow on the consent screen. Cursor captures the callback automatically and stores the token.

You need a Flowstep account before connecting. Create one at app.flowstep.ai.

Verify the connection

In a Cursor chat, type:

List my Flowstep files

If the tool call succeeds, the connection is working.

Usage example

Create a Flowstep file called "Onboarding", generate a mobile sign-up screen
with name, email, and password fields, then show me the image.

Cursor will call create-file → ai-design-screens → get-screen-image in sequence.

Get Started

Using Flowstep

Teams & Organizations

Exporting & Integrations

MCP Server

Billing & Plans

Security & Privacy

Flowstep MCP — Cursor

Configuration

Authentication

Verify the connection

Usage example

​Configuration

​Authentication

​Verify the connection

​Usage example

Configuration

Authentication

Verify the connection

Usage example