Product

Describe the app. Get every screen.

An AI screen generator that draws real UI for iOS, Android and the web, laid out to platform guidelines, editable by conversation, exportable to Figma or code, and publishable to your own domain.

Add a paywall screen after onboarding

Added a paywall between onboarding and home. Three tiers, a restore link, and the iOS and Android variants of both.

Make the header larger

Ask for a screen. Get a real one.

Type what you want in plain English and floow.design draws it at real size, phone or desktop, with proper spacing, type scale and component hierarchy. Onboarding, paywall or checkout on iOS and Android, or a landing page, pricing page or SaaS dashboard on the web, each built to its own platform's patterns.

30 sec

From prompt to first screen

100+

Mobile components generated

DescribeInput

One sentence: what the app does, who opens it, and the style you want.

GenerateSequence

Complete iOS and Android screens with navigation, states and theme applied.

ExportOutput

Figma with real layers, code for both platforms, or a shareable link.

Design the journey, not one screen.

Describe a user flow and get the whole sequence. Connected navigation, screen-to-screen logic, and the loading, empty and error states that usually go missing until the build starts.

States per screen, by default

Platforms from one prompt

Publish siteHTTPS active

acme.com·acme.floow.page

sitemap.xmlrobots.txtJSON-LDOpen Graph

SEO checklistTitle and meta description lengthExactly one H1Headings do not skip levelsAlt text on every imageReadable text on every linkHeader, main and footer landmarks

CMS · Blog posts3 items

How we cut onboarding to 90 seconds/blog/onboardingPricing pages that convert/blog/pricing-pagesDesigning for dark mode/blog/dark-mode

Take a web page live, on your own domain.

Publish one page or the whole prototype to a subdomain, or connect your own domain: floow.design lists the A, CNAME and TXT records to add and issues HTTPS once they resolve. Pages ship as static HTML with compiled CSS, a title, meta description, canonical, Open Graph and Twitter tags, and WebSite and BreadcrumbList JSON-LD. Blog posts and case studies live in a built-in CMS with typed fields, each item on its own page with Article markup. A checklist catches a title or meta description of the wrong length, a second H1, skipped heading levels, missing alt text, links with no readable text and missing landmarks before anything goes live.

SEO checks before every publish

JSON-LD types generated for you

Designing apps and websites for founders, product teams and studios worldwide.

HaldenTurnstileFernbrookNorthwindCartelleKestrelHaldenTurnstileFernbrookNorthwindCartelleKestrel

Describe it, shape it, ship it.

Three steps from a sentence to a set of screens your developers can build from.

Describe the app

Plain English: the screens, the flow, the style. Reference an app you like if that is quicker.

Shape it by chat

Ask for a larger header or a dark theme and the screens redraw. No layers panel to learn first.

Export it anywhere

Figma with auto-layout, code for iOS, Android and the web, a link the client can open on their phone, or web pages published to your own domain.

The questions that come up first.

What everyone asks before they generate their first screen.

Do I need design skills or Figma experience to use this?No. You describe the app in plain English. The screens you need, the flow between them, the style you are after. From that the AI generates the mobile app or web UI. Everything after that is conversational too: say "make the header larger" or "switch to a dark theme" and the screens update. Designers use it to skip the blank canvas; everyone else uses it because it removes the tool from the problem entirely.

How close to production are the generated screens?Close enough to hand to an engineer. Every screen is laid out at real device sizes with proper spacing, type scale and component hierarchy, using platform-native patterns: tab bars on iOS, bottom navigation on Android, a top nav and sidebar on the web. Touch targets meet the 44pt minimum and colour contrast meets WCAG AA by default. It is a high-fidelity design, not a rendered picture of one.

Does it design for iOS, Android and the web?Yes. Pick Mobile app or Web when you start a project. For web it designs desktop pages, from landing pages and marketing sites to SaaS dashboards and admin panels. For mobile it knows Material Design 3 and Cupertino as separate design languages and swaps the platform-specific components rather than resizing one design into the other. Safe areas, notches and home indicators are handled without you asking.

Can I export to Figma and to code?Yes, and neither is a screenshot. Figma export produces real layers with auto-layout intact, so your designers keep working rather than redrawing. Code export covers React Native, Flutter, SwiftUI, Jetpack Compose, Tailwind and plain CSS, and the HTML bundle is shaped for AI coding agents to pick up directly. You can also share a preview link with someone who has no account.

Can I make it follow our brand instead of its own taste?Save a theme once, covering colours, typography, spacing, radius and shadows, and every generated screen uses it across every project. Themes export as design tokens for Tailwind, Flutter, React Native or CSS, and light and dark variants are produced together, so a dark mode is never a second project.

Can I publish a website with it?Yes, for web projects. Publish one page or the whole prototype to a floow.page subdomain or to your own domain; floow.design lists the A, CNAME and TXT records to add and issues HTTPS automatically. Published pages are static HTML with compiled CSS, so search engines read them without running JavaScript, and each site gets its own sitemap.xml and robots.txt. Content such as blog posts lives in the built-in CMS. Lite publishes 1 site with 50 CMS items, Starter adds a custom domain and 500 items, and Pro and Team remove the "Made in floow.design" badge.

What can I try before paying?Signing up is free and thirty small design tools run in the browser without an account at all. Generating and editing screens with the AI runs on credits, which come with a plan. Lite is the cheapest way in. Plans change or cancel from billing settings at any time.

Your product already exists. Describe it.

One sentence in, a full set of iOS, Android or web screens out. Export to Figma, React, Flutter or React Native, or publish your web pages to your own domain.