Flowstep
Flowstep is an AI design tool that turns plain text prompts into editable UI screens on an infinite canvas. Iterate through chat, copy designs straight into Figma, export React code, or drive it from your IDE.
What is Flowstep?
Flowstep is an AI design tool built by FlowstepDesign OÜ, a small company based in Tallinn, Estonia. You describe a screen in ordinary language and Flowstep draws it on an infinite canvas in seconds, using what the company calls its Imagination Algorithm. The result is not a flat picture: every element stays editable, either through follow-up prompts in a chat panel or by hand, with no complex tooling to learn first.
The tool aims squarely at the gap between having an idea and having something a team can react to. Ask for a login screen, a dashboard and a profile page and all three arrive in one pass, so a whole flow appears at once rather than screen by screen. You can steer the output by attaching a PRD, uploading an image for inspiration or pasting a reference link, and you can store per-file design guidelines covering colours, type, spacing and component rules, which are injected into every later generation.
What sets Flowstep apart from most prompt-to-mockup tools is what happens next. Designs copy straight into an existing Figma file with an ordinary paste, no plugin and no browser extension, and Figma frames can be imported back onto the canvas as editable elements. Code export produces React, TypeScript and Tailwind, either as a snippet or as a self-contained ZIP bundle with images placed in a local assets folder. Screens also export as JPG or PNG, and any file can be shared as a view-only link with people who have no account.
Developers get a second entry point: a remote MCP server exposing twenty tools over Streamable HTTP. Connected to Claude Code, Cursor, Claude or Windsurf, it lets a coding agent generate screens, render them back as images it can actually look at, edit them, and manage files and design guidelines. Authentication runs through OAuth 2.0 with PKCE, so there is no API key to leak, and screens made this way land in the same canvas a teammate opens in the browser. Real-time collaboration, with visible cursors and synchronised edits, runs across all of it.
What it does
- Generate complete UI screens from a plain text description
- Produce several screens in one pass to cover an entire flow
- Edit any screen by follow-up prompt or directly by hand on the canvas
- Copy a design into an existing Figma file with a keyboard shortcut
- Export React, TypeScript and Tailwind code as a snippet or a ZIP bundle
- Drive generation from Claude Code, Cursor, Claude or Windsurf over MCP
- Share a view-only link with people who have no Flowstep account
When to use Flowstep / When not to
A quick filter to help you decide if Flowstep is the right fit.
When to use Flowstep
- Product managers and founders who need a real screen to explain an idea rather than a rough wireframe
- Product designers who want to skip the blank canvas and start from a generated draft
- Front-end developers working in Cursor, Claude Code or Windsurf who want UI without leaving the editor
- Small teams already settled in Figma, since designs travel both ways with a keyboard shortcut
- Freelancers and solo builders who need presentable screens for a client pitch on a modest budget
When not to use Flowstep
- Designers who need vector editing, since the documentation itself sends you back to Figma for that
- Anyone expecting a complete Figma replacement today, a question the site answers with a single word: soon
- Teams that need a mobile app, as Flowstep publishes no iOS or Android application
- Projects that need back-end logic, because the output stops at screens and front-end code
- Buyers who require a signed data processing agreement or a declared hosting country before adopting a tool
How to use Flowstep
A typical end-to-end flow, from setup to results.
- Create a free account on the Flowstep site; no credit card is requested
- Write a prompt describing the screen you want, as specifically as you can
- Read the screen Flowstep returns on the infinite canvas, usually within seconds
- Refine it with follow-up prompts, edit the canvas directly, or generate variations
- Attach a PRD, an image or a reference link when a prompt alone is not enough
- Set design guidelines on the file so later generations follow your colours, type and spacing
- Ask for several screens at once when you need a full flow rather than a single view
- Invite teammates to work on the same canvas in real time
- Export the result as JPG or PNG, as React and Tailwind code, or paste it into Figma
- Optionally add the MCP server to Claude Code, Cursor, Claude or Windsurf and design from your editor
Pros & Cons
Pros
- No design skills required, which the site and documentation both state plainly
- Fast: screens appear in seconds, and a whole flow can be generated in one pass
- Genuine two-way Figma interoperability, without a plugin or a browser extension
- Code export that engineers can actually use, not a decorative approximation
- The MCP server is included on every plan, the free one included, with no API key to manage
- Neither Flowstep nor its LLM providers train models on customer data
- EU-based publisher with a dated, detailed privacy policy and a named supervisory authority
Cons
- Prices are quoted in US dollars only, which leaves buyers elsewhere exposed to exchange rates
- Message quotas are tight: 80 per month on Starter, and unspecified limits on the free plan
- Enterprise pricing is not published and requires booking a call
- No data processing agreement is published or offered, and no hosting country is declared
- The subprocessor list sits on a Notion page that renders nothing without JavaScript
- A single generic mailbox serves legal, privacy and support questions; there is no contact page
- No mobile application, and no vector export without going through Figma
Pricing & Plans
A permanent free plan is available at USD 0.00 per month, with limited messages, multi-screen generation and projects. The cheapest paid entry point is the Starter plan at USD 15.00 per month, which includes 80 messages per month together with unlimited multi-screen generation, projects, exports and copy to Figma. Annual billing reduces the cost by up to 20 percent. Enterprise pricing is not published and is arranged through a scheduled call. Prices are quoted in US dollars only.
- limited messages
- limited multi-screen generation
- limited projects
- 80 messages per month
- unlimited multi-screen generation
- projects
- exports and copy to Figma
- custom solutions for large teams
- advanced security
- compliance
- dedicated support and volume pricing
Data, GDPR & hosting
A consolidated view of how Flowstep handles your data.
GDPR overview
Implementation is explicit and unusually detailed for a company this size. The privacy policy, dated 17 December 2025, names FlowstepDesign OÜ (registry code 16706771, Liivalaia tn 36, Tallinn) as data controller and states that processing follows Regulation (EU) 2016/679 and Estonian law. Every purpose is mapped to a legal basis: contract for accounts, platform delivery and AI generation, legal obligation for billing, legitimate interest for product improvement, consent for analytics and marketing. The full set of data subject rights is listed, requests go to hello@flowstep.ai, and complaints may be lodged with the Estonian Data Protection Inspectorate. A subprocessor list is published, transfers outside the EEA rely on Standard Contractual Clauses, and the platform is not directed at anyone under 16. No Article 27 representative is designated, and none is required: the company is established in the EU.
Who owns the data?
Under the Terms of Use, you keep ownership of your User Content: the designs, prompts, images, PDFs, files and projects you create or upload. By making that content available you grant FlowstepDesign OÜ a non-exclusive, worldwide, royalty-free licence to host, store, process, transmit, display and format it, but only to operate the platform and deliver features you have asked for, collaboration and sharing included. Flowstep keeps the intellectual property in the platform itself. Two consequences deserve attention: workspace administrators can reach content inside their workspace by default, and business customers grant Flowstep the right to use their company name and logo as a marketing reference unless they object by email.
Reuse rights
Yes. User Content is defined broadly enough to cover what you generate as well as what you upload, and the Terms of Use state that users retain ownership of it. Nothing in those terms requires Flowstep's permission before reusing a generated screen, commercially or otherwise, and the product is built around taking the output elsewhere: exporting React, TypeScript and Tailwind code as a snippet or a self-contained ZIP bundle, downloading JPG or PNG files, pasting a design into an existing Figma file, or sharing a view-only link with people who have no account. The boundaries are the acceptable-use rules rather than any licence restriction: your content must be lawful and must not infringe anyone else's rights. The licence Flowstep takes over your content extends only as far as operating the platform, so it does not compete with your own reuse.
Data retention & training
Hosting summary
Flowstep does not say where user data is hosted. The privacy policy publishes an up-to-date list of subprocessors together with their purpose and data protection documentation, but that list lives on a Notion page which renders nothing without JavaScript, so the names could not be read at the time of this review. The policy does state that some subprocessors may process personal data outside the European Economic Area, and that such transfers rely on Standard Contractual Clauses approved by the European Commission. On security, the documentation confirms encryption in transit over HTTPS and encryption at rest on Flowstep's servers, while the privacy policy commits to appropriate technical and organisational measures without detailing them. The controlling company is established in Estonia, disputes fall under Estonian law and Harju County Court, and the supervisory authority is the Estonian Data Protection Inspectorate. For completeness, a DNS lookup performed on 23 August 2026 resolved the domain to an Amazon address in Stockholm, Sweden. That is an observation about web serving, not a statement by Flowstep about where customer data is stored.
Things to keep in mind
Risks and trade-offs to weigh before adopting Flowstep.
- Generated screens look finished, which makes it tempting to ship a design nobody has tested with real users
- Leaning on prompts can quietly erode the habit of reasoning through layout, hierarchy and edge cases yourself
- Business customers grant Flowstep the right to use their name and logo as a marketing reference by default; opting out requires sending an email
- Workspace administrators can read everything in their workspace and file owners can publish public view-only links, which is easy to forget when pasting sensitive material
- Message quotas reset on the first of the month, so heavy use late in a cycle can stall work at an inconvenient moment
- Closing your account deletes your designs, and the terms place the duty to export beforehand entirely on you
- No published data processing agreement and no declared hosting country, a genuine obstacle wherever procurement rules apply
Setup & Integrations
Technical difficulty
Very low for the web application: create a free account, no credit card, nothing to install, and the documentation puts your first screen minutes away. No design or technical background is assumed. The MCP route is only slightly harder and is documented client by client: one command for Claude Code, a one-click install for Cursor, a single configuration block for Windsurf, a custom connector for Claude. There is one server URL and no API key to generate or rotate, since authentication runs through a browser sign-in using OAuth 2.0 with PKCE and the client stores the token.
Deployment
Integrations
Behind Flowstep
Fundraising
Social
Resources
All the official URLs gathered for verification and reference.
Alternatives
Tools that compete with or complement Flowstep.
Frequently asked questions
Do I need design skills to use Flowstep?
What does Flowstep cost?
What counts as a message, and when do quotas reset?
Is my data used to train AI models?
Can I export real code?
How does Flowstep work with Figma?
Do I need an API key for the MCP server?
Is the MCP server included in the free plan?
Who is behind Flowstep, and is there an age limit?
What happens to my designs if I close my account?
Should you pick Flowstep?
Flowstep occupies a narrow and useful position: it closes the gap between an idea and a screen a team can argue about, then closes a second gap between that screen and the code behind it. The two-way Figma path is the detail that makes it credible rather than another prompt-to-mockup demo, because it accepts that most teams are not going to abandon the tool they already use. The MCP server is the other genuine differentiator, and the decision to include it on every plan, free accounts included, is more generous than the market norm.
On data, the posture is better than its size would suggest. The publisher is established in Estonia, the privacy policy is dated and maps every purpose to a legal basis, the supervisory authority is named, a subprocessor list exists, and neither Flowstep nor its model providers train on customer content. That last point alone will settle the question for some teams.
The reservations are concrete rather than fatal. Prices are dollar-only, message quotas are modest, Enterprise pricing is invisible until you book a call, and there is no published data processing agreement or declared hosting country — which will stop adoption cold in regulated industries. A single generic mailbox handles legal, privacy and support alike, and the subprocessor list is published on a page that will not render for anyone browsing without JavaScript.
For product teams, founders and front-end developers who want usable screens quickly and already live in Figma or an AI-assisted editor, the permanent free plan makes trying it a low-risk decision. Buyers with procurement requirements should ask about hosting and a DPA before going further.
- Choosing a selection results in a full page refresh.
- Opens in a new window.