# Flowstep

## Docs

- [Flowstep billing: cycles, cancellation, and access](https://docs.flowstep.ai/billing.md): Learn how Flowstep handles monthly and annual billing cycles, how to cancel your subscription, and what happens to your access after cancelling.
- [Flowstep data privacy policy and AI training limits](https://docs.flowstep.ai/data-privacy.md): Flowstep does not use your personal data to train AI models, and neither do its LLM providers. Learn what data may be used and how.
- [Use references to guide and speed up Flowstep designs](https://docs.flowstep.ai/design-references.md): Attach a PRD, upload an image, or paste a URL to give Flowstep context—so you can ideate faster without writing lengthy prompts.
- [Edit and iterate on Flowstep designs via chat or canvas](https://docs.flowstep.ai/editing-designs.md): Refine any Flowstep-generated screen through manual visual editing or chat-based prompts — iterate as many times as needed until the design is right.
- [Download Flowstep designs as JPG or PNG image files](https://docs.flowstep.ai/export-formats.md): Flowstep supports exporting designs as JPG or PNG. Learn which format suits your use case and how to download your screens in a few clicks.
- [Bring Flowstep AI designs into Figma with copy-paste](https://docs.flowstep.ai/figma-integration.md): Paste any Flowstep frame directly into Figma using copy and paste. Bring AI-generated designs into your existing Figma workflow without switching tools.
- [Generate UI screens from text prompts with Flowstep](https://docs.flowstep.ai/generating-designs.md): Use Flowstep to generate one screen or up to 10 screens at once from a single text prompt — ideal for fast UI ideation and exploring full user flows.
- [Get started with Flowstep: sign up and generate designs](https://docs.flowstep.ai/getting-started.md): Create a free Flowstep account, generate your first UI design from a text prompt, and share it with your team — all in one sitting.
- [What is Flowstep? AI-powered UI design tool overview](https://docs.flowstep.ai/introduction.md): Flowstep is an AI design tool that generates polished UI screens from text prompts. Learn what it does, who it's for, and what you can build with it.
- [Access and download your Flowstep billing invoices](https://docs.flowstep.ai/invoices.md): Flowstep automatically generates invoices for all paid plans after each billing cycle. Download them anytime from your account dashboard.
- [MCP Authentication](https://docs.flowstep.ai/mcp/authentication.md): How Flowstep MCP authenticates clients: OAuth 2.1 PKCE flow, token mechanics, and account creation.
- [Flowstep MCP — claude.ai](https://docs.flowstep.ai/mcp/clients/claude-ai.md): Connect Flowstep to claude.ai using a custom MCP connector.
- [Flowstep MCP — Claude Code](https://docs.flowstep.ai/mcp/clients/claude-code.md): Connect Flowstep to Claude Code (CLI) using the Streamable HTTP MCP transport.
- [Flowstep MCP — Claude Desktop](https://docs.flowstep.ai/mcp/clients/claude-desktop.md): Connect Flowstep to Claude Desktop using the Streamable HTTP MCP transport.
- [Flowstep MCP — Cursor](https://docs.flowstep.ai/mcp/clients/cursor.md): Connect Flowstep to Cursor using the Streamable HTTP MCP transport.
- [Flowstep MCP — Windsurf](https://docs.flowstep.ai/mcp/clients/windsurf.md): Connect Flowstep to Windsurf using the Streamable HTTP MCP transport.
- [MCP Examples](https://docs.flowstep.ai/mcp/examples.md): End-to-end workflows for common Flowstep MCP tasks.
- [Flowstep MCP Server](https://docs.flowstep.ai/mcp/overview.md): Use Flowstep as an MCP server to generate, inspect, and manage UI designs directly from Cursor, Claude Code, or any MCP-compatible client.
- [MCP Quickstart](https://docs.flowstep.ai/mcp/quickstart.md): Connect Flowstep to your AI editor and run your first tool call.
- [MCP Rate Limits](https://docs.flowstep.ai/mcp/rate-limits.md): How Flowstep usage limits apply to MCP tool calls, and how to check your remaining quota.
- [MCP Tools Reference](https://docs.flowstep.ai/mcp/tools.md): Input schema, output shape, and examples for all 16 Flowstep MCP tools.
- [Flowstep messages explained: usage limits and resets](https://docs.flowstep.ai/messages-and-limits.md): Find out what counts as a message in Flowstep, how daily and monthly limits work, when usage resets, and what to do when you hit your limit.
- [How to use Flowstep without prior design experience](https://docs.flowstep.ai/no-design-skills.md): You don't need a design background to create great UI screens with Flowstep. Learn how to describe what you want and let Flowstep handle the rest.
- [Flowstep pricing: free tier and paid plans explained](https://docs.flowstep.ai/pricing.md): Start using Flowstep for free with no credit card required. Explore paid plans with monthly or annual billing, with annual saving up to 20%.
- [How Flowstep protects your account data and designs](https://docs.flowstep.ai/security.md): Learn how Flowstep protects your data with encryption in transit and at rest, and where to find full details about security in the Privacy Policy.
- [Share Flowstep designs with your team and stakeholders](https://docs.flowstep.ai/sharing-designs.md): Generate a shareable link for any Flowstep design—stakeholders can view it without an account, and collaborators are always free.