# Flowstep

## Docs

- [What is Flowstep?](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.
- [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.
- [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.
- [Generate UI screens from text prompts with Flowstep](https://docs.flowstep.ai/generating-designs.md): Use Flowstep to generate one screen or up to 6 screens at once from a single text prompt — ideal for fast UI ideation and exploring full flows.
- [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.
- [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.
- [Set design guidelines to keep every Flowstep generation on-brand](https://docs.flowstep.ai/design-guidelines.md): Define file-level design guidelines in DESIGN.md format — colors, typography, spacing, and conventions that steer every AI generation and edit in the file.
- [Preview Flowstep designs as interactive prototypes](https://docs.flowstep.ai/prototypes.md): Open any Flowstep file as a clickable prototype — Flowstep links your screens automatically, and you can set or lock navigation manually per element.
- [Share Flowstep designs with your team and stakeholders](https://docs.flowstep.ai/sharing-designs.md): Generate a shareable link for any Flowstep design, control who can open a file with general access levels, and invite people to view or edit by email.
- [Flowstep organizations: teams, roles, and permissions](https://docs.flowstep.ai/organizations.md): Learn how organizations work in Flowstep — what Owners, Admins, Members, and Guests can do, how files are shared across your team, and how to join or switch organizations.
- [Manage your organization: people, roles, and settings](https://docs.flowstep.ai/organization-settings.md): Add members to your Flowstep organization, change roles, manage guests and pending invites, and rename your organization — all from Settings.
- [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.
- [Move designs between Flowstep and Figma](https://docs.flowstep.ai/figma-integration.md): Copy any Flowstep frame into Figma with copy-and-paste, or import Figma frames into Flowstep as editable screens. Work across both tools without switching.
- [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 Authentication](https://docs.flowstep.ai/mcp/authentication.md): How Flowstep MCP authenticates clients: OAuth 2.1 PKCE flow and account creation.
- [MCP Tools Reference](https://docs.flowstep.ai/mcp/tools.md): Input schema, output shape, and examples for all 20 Flowstep MCP tools.
- [Flowstep MCP — Cursor](https://docs.flowstep.ai/mcp/clients/cursor.md): Connect Flowstep to Cursor using the Streamable HTTP MCP transport.
- [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 — Windsurf](https://docs.flowstep.ai/mcp/clients/windsurf.md): Connect Flowstep to Windsurf 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 — claude.ai](https://docs.flowstep.ai/mcp/clients/claude-ai.md): Connect Flowstep to claude.ai using a custom MCP connector.
- [MCP Usage Limits](https://docs.flowstep.ai/mcp/usage-limits.md): How Flowstep usage limits apply to MCP tool calls, and how to check your remaining quota.
- [MCP Examples](https://docs.flowstep.ai/mcp/examples.md): End-to-end workflows for common Flowstep MCP tasks.
- [Flowstep pricing: free trial, free tier, and paid plans](https://docs.flowstep.ai/pricing.md): Start Flowstep with a free trial and no credit card. Compare the Free, Starter, Pro, and Max plans, with per-seat pricing and annual billing saving up to 20%.
- [Flowstep billing: cycles, cancellation, and access](https://docs.flowstep.ai/billing.md): Learn how Flowstep handles monthly and annual billing cycles, who can manage billing in an organization, how to cancel your subscription, and what happens after cancelling.
- [Seats and per-seat billing for Flowstep teams](https://docs.flowstep.ai/seats.md): How seats work on Flowstep paid plans: who uses a seat, how adding and removing members affects your bill, and what happens to members without a seat.
- [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, how limits apply per seat in a team, and what happens when you hit your limit.
- [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.
- [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.
- [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.