flowstep.ai

# Flowstep

> Flowstep is an AI design tool that generates production-ready UI from text prompts. Screens land on an infinite canvas where they stay editable, can be copied straight into Figma, exported as React + TypeScript + Tailwind code, or driven from an AI coding agent over the Model Context Protocol (MCP).

## Product

- [Flowstep](https://flowstep.ai/): Generate editable UI screens from a prompt, iterate via chat, collaborate in real time.
- [Pricing](https://flowstep.ai/pricing): Free plan plus Starter, Pro and Max tiers. Enterprise available.
- [About](https://flowstep.ai/about): The team, backers and open roles.
- [Docs](https://docs.flowstep.ai/): Product documentation.

## MCP server

- [Flowstep MCP server](https://flowstep.ai/mcp): Overview, server URL, authentication and the full tool list.
- [Flowstep MCP for Claude Code](https://flowstep.ai/mcp/claude-code): Add with `claude mcp add --transport http flowstep https://api.flowstep.ai/mcp`.
- [Flowstep MCP for Cursor](https://flowstep.ai/mcp/cursor): One-click install, or add to `~/.cursor/mcp.json`.
- [Flowstep MCP for Claude](https://flowstep.ai/mcp/claude): Add as a custom connector on claude.ai and Claude Desktop.
- [Flowstep MCP for Windsurf](https://flowstep.ai/mcp/windsurf): Add to `~/.codeium/windsurf/mcp_config.json` for Cascade.

## Key facts

- The Flowstep MCP server endpoint is https://api.flowstep.ai/mcp and uses the Streamable HTTP transport.
- Authentication is OAuth 2.0 with PKCE against your Flowstep account. There is no API key.
- The server exposes 20 tools covering design generation, editing, screen rendering, file management, design guidelines, Figma import and attachments.
- `get-screen-image` renders any screen to a PNG and returns it inline, so an agent can look at the design it generated.
- It works with any MCP client that supports remote HTTP servers, not only the four with published setup guides.
- Screens created over MCP are the same objects as screens created in the Flowstep app. One account, one canvas.
- Flowstep does not use customer data to train AI models, and does not permit its LLM providers to do so.

## Legal

- [Privacy Policy](https://flowstep.ai/privacy-policy)
- [Terms of Use](https://flowstep.ai/terms-of-use)