# Flowstep ## Documentation ### Get Started - [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. ### Using Flowstep - [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 file instructions to keep every Flowstep generation on-brand](https://docs.flowstep.ai/design-guidelines.md): Write plain-markdown file instructions — product rules, tone, and layout conventions — that Flowstep sends with every AI generation and edit in the file. - [Use themes to keep colors and corner rounding consistent across Flowstep screens](https://docs.flowstep.ai/themes.md): Pick or generate a theme for each file, restyle single screens, edit your organization's themes, and link colors and corners to theme tokens so changes flow through every screen. - [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. ### Teams & Organizations - [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. ### Exporting & Integrations - [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. ### MCP Server - [Flowstep MCP Server](https://docs.flowstep.ai/mcp/overview.md): Connect your coding agent to Flowstep over MCP to generate, edit, inspect, and manage screens on the design canvas from Claude, Cursor, Codex, or any MCP-compatible client. - [MCP Quickstart](https://docs.flowstep.ai/mcp/quickstart.md): Connect Flowstep to your coding agent 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 22 Flowstep MCP tools. - [MCP Usage Limits](https://docs.flowstep.ai/mcp/usage-limits.md): Which Flowstep MCP tools use messages, how 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. #### Clients - [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 — Codex](https://docs.flowstep.ai/mcp/clients/codex.md): Connect Flowstep to OpenAI Codex using the Streamable HTTP MCP transport. - [Flowstep MCP — Claude Desktop](https://docs.flowstep.ai/mcp/clients/claude-desktop.md): Add Flowstep to Claude Desktop in one click from Claude's connector directory. - [Flowstep MCP — claude.ai](https://docs.flowstep.ai/mcp/clients/claude-ai.md): Add Flowstep to Claude in one click from Claude's connector directory. ### Billing & Plans - [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. ### Security & Privacy - [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. ## Changelog - [Flowstep changelog](https://docs.flowstep.ai/changelog.md): Flowstep changelog and product updates. Stay up to date with new features and improvements shipped in Flowstep. > The links below point to documentation indexes. Follow each `/_llms/` index recursively until you reach documentation pages. ## Indexes - [Spanish (34 pages)](https://docs.flowstep.ai/_llms/es.txt): Documentation for Spanish. - [Arabic (34 pages)](https://docs.flowstep.ai/_llms/ar.txt): Documentation for Arabic. - [Japanese (34 pages)](https://docs.flowstep.ai/_llms/ja.txt): Documentation for Japanese. - [Catalan (34 pages)](https://docs.flowstep.ai/_llms/ca.txt): Documentation for Catalan. - [Chinese (34 pages)](https://docs.flowstep.ai/_llms/zh.txt): Documentation for Chinese. - [Traditional Chinese (34 pages)](https://docs.flowstep.ai/_llms/zh-hant.txt): Documentation for Traditional Chinese. - [Czech (34 pages)](https://docs.flowstep.ai/_llms/cs.txt): Documentation for Czech. - [Danish (34 pages)](https://docs.flowstep.ai/_llms/da.txt): Documentation for Danish. - [German (34 pages)](https://docs.flowstep.ai/_llms/de.txt): Documentation for German. - [Finnish (34 pages)](https://docs.flowstep.ai/_llms/fi.txt): Documentation for Finnish. - [French (34 pages)](https://docs.flowstep.ai/_llms/fr.txt): Documentation for French. - [Canadian French (34 pages)](https://docs.flowstep.ai/_llms/fr-ca.txt): Documentation for Canadian French. - [Hebrew (34 pages)](https://docs.flowstep.ai/_llms/he.txt): Documentation for Hebrew. - [Hindi (34 pages)](https://docs.flowstep.ai/_llms/hi.txt): Documentation for Hindi. - [Hungarian (34 pages)](https://docs.flowstep.ai/_llms/hu.txt): Documentation for Hungarian. - [Indonesian (34 pages)](https://docs.flowstep.ai/_llms/id.txt): Documentation for Indonesian. - [Italian (34 pages)](https://docs.flowstep.ai/_llms/it.txt): Documentation for Italian. - [Korean (34 pages)](https://docs.flowstep.ai/_llms/ko.txt): Documentation for Korean. - [Latvian (34 pages)](https://docs.flowstep.ai/_llms/lv.txt): Documentation for Latvian. - [Dutch (34 pages)](https://docs.flowstep.ai/_llms/nl.txt): Documentation for Dutch. - [Norwegian (34 pages)](https://docs.flowstep.ai/_llms/no.txt): Documentation for Norwegian. - [Polish (34 pages)](https://docs.flowstep.ai/_llms/pl.txt): Documentation for Polish. - [Portuguese (34 pages)](https://docs.flowstep.ai/_llms/pt.txt): Documentation for Portuguese. - [Brazilian Portuguese (34 pages)](https://docs.flowstep.ai/_llms/pt-br.txt): Documentation for Brazilian Portuguese. - [Romanian (34 pages)](https://docs.flowstep.ai/_llms/ro.txt): Documentation for Romanian. - [Swedish (34 pages)](https://docs.flowstep.ai/_llms/sv.txt): Documentation for Swedish. - [Turkish (34 pages)](https://docs.flowstep.ai/_llms/tr.txt): Documentation for Turkish. - [Ukrainian (34 pages)](https://docs.flowstep.ai/_llms/uk.txt): Documentation for Ukrainian. - [Uzbek (34 pages)](https://docs.flowstep.ai/_llms/uz.txt): Documentation for Uzbek. - [Vietnamese (34 pages)](https://docs.flowstep.ai/_llms/vi.txt): Documentation for Vietnamese. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.