# floow.design > floow.design is an AI mobile app design platform. Describe an app in plain English and it generates pixel-perfect iOS and Android screens that you can refine through chat, export to Figma, or hand to developers as production code. It is a mobile app UI design tool specifically — it produces native-feeling iOS and Android screens, not websites or generic web layouts. Screens are generated as HTML and Tailwind, arranged on an infinite canvas, and export to Figma, Flutter, React Native, SwiftUI and Jetpack Compose. A public REST API and an OAuth 2.0 server make the same generation pipeline available programmatically, and 30 mobile design tools are free to use without an account. Last updated: 2026-08-25. This is the complete listing. The short version, with routing and the API up front, is at [llms.txt](https://www.floow.design/llms.txt). Limits to know up front: - Reading is open. Every page, this file, [llms-full.txt](https://www.floow.design/llms-full.txt), the [sitemap](https://www.floow.design/sitemap.xml) and the [OpenAPI spec](https://www.floow.design/openapi.json) need no key. - Calling the API needs a paid plan. A FREE account is rejected with HTTP 403 and `{"upgrade": true}`; see [pricing](https://www.floow.design/pricing). - Generation costs credits, not just requests: 50 per agent design turn, 30 per image-to-HTML conversion, 20 per style extraction, 15 per code export. Balance is at `GET /api/v1/usage`. - Rate limits are per API key and enforced: 30 req/min and 500 calls/day on Lite and Starter, 60 and 2,000 on Pro, 120 and 10,000 on Team. Every response carries `X-RateLimit-Limit`, `X-RateLimit-Remaining` and `X-RateLimit-Reset`; going over returns 429 `rate_limit_exceeded` with `Retry-After`. - The 30 [free tools](https://www.floow.design/free-tools) are ungated — no account, no key, no limit. - Every page is available as Markdown: send `Accept: text/markdown` and the response comes back as `text/markdown; charset=utf-8` (see https://acceptmarkdown.com). Unmatched URLs return a real 404 with a Markdown body; unmatched `/api/*` paths return the JSON error envelope documented at [/docs/errors](https://www.floow.design/docs/errors). ## Routing Match a task to the right endpoint. Base URL `https://www.floow.design/api/v1`. Send `Authorization: Bearer ` on everything except the template catalogue. - Two token types, and they are not interchangeable. An API key (`fl_…`, from Dashboard → Settings → API Keys) works on upload, image-to-html, export-code, figma-export, usage and credits. The agent and the project/frame/theme endpoints take a Firebase ID token or an OAuth 2.0 access token (`fla_…`) instead — see [authentication](https://www.floow.design/docs/authentication). - Turn a screenshot into editable HTML: `POST /image-to-html` with an image URL. Upload the image first via `POST /upload` if you do not already have a public URL. Costs 30 credits. Docs: [image-to-html](https://www.floow.design/docs/api-reference/image-to-html). - Generate or revise screens from a prompt: `POST /chat` with `{ projectId, messages }`. Streams the agent's response; costs 50 credits per turn. Create the project first with `POST /projects`. Docs: [agents](https://www.floow.design/docs/api-reference/agents). - Start from an existing design instead of a blank canvas: `GET /templates` (no auth) to browse the catalogue, then fork one into a new project. Docs: [templates](https://www.floow.design/docs/api-reference/templates). - Read or write individual screens: `GET|POST|DELETE /frames`. A frame is one screen, stored as raw HTML with a canvas position. Docs: [frames](https://www.floow.design/docs/api-reference/frames). - Apply a design system across screens: `GET|POST|PUT|DELETE /themes`. Docs: [themes](https://www.floow.design/docs/api-reference/themes). - Hand off to Figma: `POST /figma-export`. Hand off to code: `POST /export-code` for Flutter, React Native, SwiftUI or Jetpack Compose, 15 credits. Docs: [export](https://www.floow.design/docs/api-reference/export). - Check credits and call volume before a long job: `GET /usage`. Top up without changing plan: `POST /credits/purchase`. - Make retries safe. Send an `Idempotency-Key` header on `POST /image-to-html`, `/export-code`, `/figma-export` and `/credits/purchase`: the first request stores its response and any replay of the same key returns it with `Idempotency-Replayed: true` instead of doing the work — or charging — twice. Keys last 24 hours; reusing one with a different body returns 422. - Handle failures: every error is JSON with a stable `code` and a `hint`. 401 means the token is missing or invalid, 403 means the plan is too low (`upgrade: true`), 429 means back off using `Retry-After`. Full table: [/docs/errors](https://www.floow.design/docs/errors). - Request least privilege on an OAuth token. Four scopes exist and are enforced: `profile:read`, `inspirations:read`, `projects:read`, `projects:write`. A token without the scope an endpoint declares is refused with 403 `insufficient_scope`. Machine-readable at [/.well-known/oauth-protected-resource](https://www.floow.design/.well-known/oauth-protected-resource). - Connect over MCP instead of REST: POST JSON-RPC to `https://www.floow.design/api/mcp` (Streamable HTTP, stateless). `search_templates`, `list_free_tools` and `search_aso_screenshots` need no credential; `image_to_html`, `export_code` and `get_usage` take the same `fl_` API key as a Bearer token. Manifest: [/.well-known/mcp.json](https://www.floow.design/.well-known/mcp.json). - Read the machine-readable contract instead of these pages: [openapi.json](https://www.floow.design/openapi.json), or the RFC 9727 catalog at [/.well-known/api-catalog](https://www.floow.design/.well-known/api-catalog). ## Developer API - [API overview](https://www.floow.design/docs): The public REST API for generating and managing mobile screens programmatically. Base URL https://www.floow.design/api/v1. - [Authentication](https://www.floow.design/docs/authentication): API keys (Authorization: Bearer fl_…, created in Dashboard → Settings → API Keys) and OAuth 2.0 authorization code flow with scoped access. - [Rate limits](https://www.floow.design/docs/rate-limits): Per-key request limits and credit consumption, by plan. - [Errors](https://www.floow.design/docs/errors): Every HTTP status the API returns and the JSON error envelope: error, code, status, message, hint, documentation_url. - [API reference](https://www.floow.design/docs/api-reference): Index of every endpoint, grouped by resource. - [Agents](https://www.floow.design/docs/api-reference/agents): Drive the design agent — prompt it to create and revise screens. - [Projects](https://www.floow.design/docs/api-reference/projects): Create, list, duplicate and trash projects — the container a set of screens lives in. - [Frames](https://www.floow.design/docs/api-reference/frames): Read and write individual screens. A frame stores raw HTML and its position on the canvas. - [Themes](https://www.floow.design/docs/api-reference/themes): Save and reuse design systems — colours, type scale and tokens applied across a project's screens. - [Export](https://www.floow.design/docs/api-reference/export): Export screens to Figma, Flutter, React Native, SwiftUI or Jetpack Compose. - [Templates](https://www.floow.design/docs/api-reference/templates): List the public template catalogue and fork a template into a new project. - [Upload](https://www.floow.design/docs/api-reference/upload): Upload a screenshot and get a permanent CDN URL to feed into Image to HTML. - [Image to HTML](https://www.floow.design/docs/api-reference/image-to-html): Turn a screenshot of a mobile screen into editable HTML with a matching style guide. - [Usage](https://www.floow.design/docs/api-reference/usage): Read API call counts and the current credit balance for the authenticated account. - [Credits](https://www.floow.design/docs/api-reference/credits): Buy a credit pack without changing plan. - [OpenAPI specification](https://www.floow.design/openapi.json): Machine-readable spec for the public API. - [API catalog](https://www.floow.design/.well-known/api-catalog): RFC 9727 linkset pointing at the OpenAPI spec and the docs. - [MCP server](https://www.floow.design/api/mcp): Model Context Protocol endpoint, Streamable HTTP. Tools for templates, ASO teardowns, screenshot-to-HTML and code export. Manifest at /.well-known/mcp.json. - [OAuth server metadata](https://www.floow.design/.well-known/oauth-authorization-server): RFC 8414 — endpoints, grants, PKCE methods and the four scopes the API enforces. - [Protected resource metadata](https://www.floow.design/.well-known/oauth-protected-resource): RFC 9728 — the scopes to request for least-privilege access to the API. - [ai-catalog.json](https://www.floow.design/.well-known/ai-catalog.json): Agentic Resource Discovery catalog of the agentic resources floow.design publishes. ## Product - [floow.design](https://www.floow.design/): Describe a mobile app in plain English and generate pixel-perfect iOS and Android screens with AI. - [Pricing](https://www.floow.design/pricing): Plans, credit allowances and what each tier includes. - [Features](https://www.floow.design/features): Index of what the platform does — screen generation, flows, themes, Figma export. - [Templates](https://www.floow.design/templates): Ready-made mobile app screen sets you can open and edit. - [Free tools](https://www.floow.design/free-tools): 30 free mobile design utilities — no account required, no sign-up wall. - [ASO screenshots](https://www.floow.design/aso-screens): App Store and Play Store screenshot inspiration, browsable by app, with a frame-by-frame teardown of each set. - [Compare](https://www.floow.design/compare): How floow.design compares to other design and app-building tools. - [Blog](https://www.floow.design/blog): Articles on mobile app UI design, design systems, ASO and shipping apps. ## Features - [AI Mobile App Design](https://www.floow.design/features/ai-mobile-app-design): Type what you want in plain English — screens, flows, style — and our AI generates pixel-perfect mobile app designs instantly. No design skills required. Powered by frontier AI mo… - [AI Screen Generator](https://www.floow.design/features/ai-screen-generator): From login flows to dashboards — our AI creates fully-designed mobile screens with proper layout, spacing, and typography. Every component follows iOS and Android platform guideli… - [Export to Figma & Code](https://www.floow.design/features/export-to-figma): Your AI-generated designs aren't locked in. Export to Figma with proper layers and auto-layout, generate Flutter or React Native code, or share interactive preview links with clie… - [iOS & Android Design](https://www.floow.design/features/ios-android-design): Design for iOS and Android simultaneously without duplicating work. floow understands platform-specific guidelines, system components, and interaction patterns — producing authent… - [Multi-Screen App Flows](https://www.floow.design/features/multi-screen-app-flows): Go beyond single screens. Design entire user flows with connected navigation patterns, state transitions, and screen-to-screen logic — all generated coherently from a single descr… - [Custom Design Themes](https://www.floow.design/features/custom-design-themes): Apply your brand identity to every AI-generated screen. Build a custom theme with your exact colors, typography, spacing, and component styles — then have AI consistently apply it… ## Free tools - [Color Picker from Image](https://www.floow.design/free-tools/color-picker-from-image): Pull a palette out of any image, assign it to screen roles, and export it as tokens or native code. - [Aspect Ratio Calculator](https://www.floow.design/free-tools/aspect-ratio-calculator): Work out the missing width or height for any ratio, with the common phone and store ratios one click away. - [Contrast Checker](https://www.floow.design/free-tools/contrast-checker): Test any pair against WCAG 2 and the newer APCA method, with a colour-blind check and the nearest passing colours. - [WebP Converter](https://www.floow.design/free-tools/webp-converter): Batch-convert PNG, JPEG, WebP and AVIF in your browser, with a quality slider, optional resize and a live size comparison. - [SVG to PNG Converter](https://www.floow.design/free-tools/svg-to-png-converter): Rasterise any SVG at 1x to 4x, or export every iOS scale and Android density as one archive. - [Flexbox Generator](https://www.floow.design/free-tools/flexbox-generator): Build a flex layout visually, then export it as CSS, Tailwind, SwiftUI, Compose, React Native or Flutter. - [CSS Grid Generator](https://www.floow.design/free-tools/css-grid-generator): Lay out rows, columns and gaps visually, then export as CSS, Tailwind, LazyVGrid, Compose or Flutter. - [Colour Blindness Simulator](https://www.floow.design/free-tools/color-blindness-simulator): See your screens through every type of colour vision deficiency at once, and download the whole comparison. - [Gradient Generator](https://www.floow.design/free-tools/gradient-generator): Build linear, radial and conic gradients with as many stops as you need, then export to CSS, SwiftUI, Compose, React Native or Flutter. - [Phone Mockup Generator](https://www.floow.design/free-tools/phone-mockup-generator): Drop screenshots into realistic iPhone and Android frames, then export every combination as PNG and SVG. - [Image to Base64](https://www.floow.design/free-tools/image-to-base64): Turn images into data URIs ready for CSS, HTML, JSX, SwiftUI, Compose or Flutter — several at a time. - [App Icon Generator](https://www.floow.design/free-tools/app-icon-generator): Upload one square icon and get every iOS and Android size, the Xcode manifest and the adaptive icon layers. - [App Name Generator](https://www.floow.design/free-tools/app-name-generator): Describe your app and get name candidates that are short, sayable and plausibly available. - [Hex to RGB Converter](https://www.floow.design/free-tools/hex-to-rgb-converter): Convert between HEX, RGB, HSL, HSB, OKLCH and CMYK, and generate a full 50–950 ramp with native code. - [Box Shadow Generator](https://www.floow.design/free-tools/box-shadow-generator): Stack multiple shadows with a live preview, then export as CSS, Tailwind, SwiftUI, Compose elevation or Flutter. - [Device Size Reference](https://www.floow.design/free-tools/device-size-reference): Screen dimensions, density and safe areas for current handsets — searchable, and exportable as code. - [px to rem Converter](https://www.floow.design/free-tools/px-to-rem-converter): Convert pixels to rem, em, pt, dp and sp, with every density export size and a full token scale. - [App Store Screenshot Generator](https://www.floow.design/free-tools/app-store-screenshot-generator): Caption and frame up to ten screenshots, then export them at every App Store and Play Store size at once. - [iOS App Icon Sizes](https://www.floow.design/free-tools/ios-app-icon-sizes): Every iOS icon dimension, what it is used for, and the scale factor behind it. - [Mesh Gradient Generator](https://www.floow.design/free-tools/mesh-gradient-generator): Generate soft multi-point mesh gradients and export them as CSS, native code or a phone-sized image. - [Placeholder Image Generator](https://www.floow.design/free-tools/placeholder-image-generator): Build placeholder images at any size as PNG, WebP or a sub-kilobyte SVG data URI — no third-party service. - [Border Radius Generator](https://www.floow.design/free-tools/border-radius-generator): Shape each corner independently, preview the iOS continuous curve, and export to CSS, SwiftUI, Compose or Flutter. - [Notch & Safe Area Simulator](https://www.floow.design/free-tools/notch-safe-area-simulator): Preview your screen against real notches and home indicators, and export the inset code for six platforms. - [App Development Cost Calculator](https://www.floow.design/free-tools/app-cost-calculator): Estimate what a mobile app costs to build, with a phase split, a calendar range and a proposal you can send. - [User Persona Generator](https://www.floow.design/free-tools/user-persona-generator): Turn a description of your audience into structured personas, exportable as Markdown, CSV or JSON. - [App Store Screenshot Sizes](https://www.floow.design/free-tools/app-store-screenshot-sizes): Required screenshot dimensions for the App Store and Google Play, with counts and limits. - [Blob Generator](https://www.floow.design/free-tools/blob-generator): Generate organic blob shapes as SVG, PNG, CSS border-radius or a native SwiftUI and Compose path. - [Font Pairing Tool](https://www.floow.design/free-tools/font-pairing-tool): Try real Google Fonts pairings at mobile sizes, then export the type code for six platforms. - [Type Scale Generator](https://www.floow.design/free-tools/type-scale-generator): Build a modular type scale sized for phone screens, and export it to CSS, Tailwind, SwiftUI, Compose or Flutter. - [Splash Screen Generator](https://www.floow.design/free-tools/splash-screen-generator): Generate launch screens at every iOS and Android size in light and dark, with the Flutter and Expo config. ## Templates - [Crypto Wallet Dashboard - Dark Mode Fintech App](https://www.floow.design/templates/crypto-wallet-dashboard-dark-mode-fintech-app): A dark mode cryptocurrency wallet mobile app template featuring a bento grid dashboard, virtual credit card, asset growth charts, token list with frosted glass effects, and transa… - [Pet Care App](https://www.floow.design/templates/pet-care-app): Pet Care App is a ready-to-use mobile app template for pet health tracking, feeding schedules, vet appointments, and daily task management. Includes 5 polished screens — Home, Fee… - [Social Media App](https://www.floow.design/templates/social-media-app): Social Media App is a ready-to-use mobile app template for building a social network app with 5 screens — Home Feed, Search & Explore, Notifications, Profile, and Settings. Perfec… - [Sleep Tracker App](https://www.floow.design/templates/sleep-tracker-app): Sleep Tracker App is a ready-to-use health and wellness mobile app template with 5 screens: Onboarding, Dashboard, Sleep Tracking Session, Insights & Analytics, and Profile Settin… - [Crypto Wallet App](https://www.floow.design/templates/crypto-wallet-app): Crypto Wallet App is a modern mobile app design template with 5 screens: wallet dashboard, asset growth chart, token list, virtual credit card, and settings. Perfect for cryptocur… - [Trading App](https://www.floow.design/templates/trading-app): Trading App is a ready-to-use finance mobile app template with 5 screens: WatchlistScreen, TradingScreen, PortfolioScreen, OrderHistoryScreen, ProfileScreen. Built with a modern d… - [E-Commerce Shopping App](https://www.floow.design/templates/ecommerce-shopping-app): A complete e-commerce mobile app template with 4 screens: Home, Product Listing, Product Detail, and Cart/Checkout. Ready-to-use shopping app design for iOS and Android. - [English Learning App](https://www.floow.design/templates/english-learning-app): A complete English learning mobile app UI template with 5 screens: Welcome, Home, Lesson Catalog, Lesson, and Profile. Modern, clean design — customize colors, fonts, and layout i… - [Food Delivery App](https://www.floow.design/templates/food-delivery-app): Food Delivery App is a ready-to-use food mobile app template with 5 screens: Home Screen, Restaurant Menu Screen, Cart Screen, Order Tracking Screen, Order History Screen. Built w… - [Fitness Tracker App](https://www.floow.design/templates/fitness-tracker-app): Fitness Tracker App is a ready-to-use health mobile app template with 5 screens: Dashboard, Workout Library, Active Workout, Progress, Profile. Built with a modern design system —… - [Finance Tracker](https://www.floow.design/templates/finance-tracker): A polished finance tracker mobile app template with 5 screens: Dashboard, Transactions, Accounts, Budget, and Settings. Inspired by Stripe's clean brand language — customize color… ## Comparisons - [floow.design vs Uizard — AI Mobile App Design Comparison](https://www.floow.design/compare/floow-vs-uizard): Compare floow.design and Uizard for AI-powered mobile app design. See how they stack up on features, mobile focus, export options, and pricing. - [floow.design vs Figma — AI-First vs Traditional Design Tool](https://www.floow.design/compare/floow-vs-figma): Compare floow.design and Figma for mobile app design. See how AI-powered design compares to traditional manual design workflows. - [floow.design vs Visily — AI Mobile Design Comparison](https://www.floow.design/compare/floow-vs-visily): Compare floow.design and Visily for AI-powered app design. See the differences in mobile focus, wireframing, and design output quality. - [floow.design vs FlutterFlow — Design vs No-Code App Builder](https://www.floow.design/compare/floow-vs-flutterflow): Compare floow.design and FlutterFlow. See how AI design generation compares to visual no-code app building for mobile development. ## Blog - [Visily Alternatives: Mobile App Design Tools Compared](https://www.floow.design/blog/visily-alternatives-mobile-app-design-tools-compared): Compare top Visily alternatives for mobile app design, from AI-generated flows to editing and handoff, so you can choose the right tool with confidence. - [App UI Design: Layout, Spacing, and Hierarchy That Work](https://www.floow.design/blog/app-ui-design-layout-spacing-hierarchy-work): Learn how to build resilient app layouts with consistent spacing and clear visual hierarchy. Create cleaner, easier-to-use screens with this practical guide. - [Ecommerce App Design: From Browse to Checkout](https://www.floow.design/blog/ecommerce-app-design-browse-checkout): Learn how ecommerce app design connects discovery, product pages, carts, payments, and recovery to reduce friction and lift conversions. Explore the guide. - [Generative UI: Turning Prompts into Editable Mobile Screens](https://www.floow.design/blog/generative-ui-turning-prompts-editable-mobile-screens): Learn how generative UI turns prompts into structured, editable mobile screens your team can refine, reuse, and extend faster. Explore the workflow. - [User Interface Design Apps: Which One Fits Your Workflow?](https://www.floow.design/blog/user-interface-design-apps-fits-workflow): Compare user interface design apps by speed, editability, consistency, collaboration, and handoff readiness to find your best workflow fit. Explore the guide. - [App Design: A Complete Guide to Shippable Mobile Interfaces](https://www.floow.design/blog/app-design-shippable-mobile-interfaces): Learn app design from flows and states to accessibility, testing, design systems, and developer-ready specs. Build better mobile interfaces with this guide. - [AI UI Mockup Generator: Screens in Seconds, Edits in Minutes](https://www.floow.design/blog/ai-ui-mockup-generator-screens-seconds-edits-minutes): Compare AI UI mockup generators by speed, editability, mobile UX, multi-screen consistency, and handoff readiness to choose the right tool faster. - [Mobile Apps Design Tool: What to Look For in 2026](https://www.floow.design/blog/mobile-apps-design-tool-2026): Learn how to choose a mobile apps design tool for editable flows, stronger UX, faster collaboration, and smoother developer handoff. Explore the 2026 guide. - [Design AI: What It Generates, What It Misses on Mobile](https://www.floow.design/blog/design-ai-generates-misses-mobile): See what Design AI creates for mobile—and where it falls short on logic, edge cases, accessibility, and handoff. Learn how to validate AI output. - [How to Mockup a User Interface for a Mobile App](https://www.floow.design/blog/how-to-mockup-a-user-interface-for-a-mobile-app-mockup-user-interface-mobile-app): Learn how to mock up a mobile app UI by mapping key flows, choosing fidelity, refining patterns, and testing interactions. Follow the fast workflow. - [iOS App Design: Human Interface Guidelines in Practice](https://www.floow.design/blog/ios-app-design-human-interface-guidelines-practice): Apply Apple’s Human Interface Guidelines to create intuitive, accessible iOS apps with native patterns, responsive states, and practical tips. Learn more. - [AI Mockup Generator Guide for Mobile App Designers](https://www.floow.design/blog/ai-mockup-generator-mobile-app-designers): Compare AI mockup generator tools by mobile UI quality, editable Figma output, revision consistency, and full-flow cost to choose the right fit. - [Design Generator for Mobile Apps: From Blank Prompt to](https://www.floow.design/blog/design-generator-mobile-apps-blank-prompt-screens): Turn a blank prompt into connected, editable mobile app screens in seconds. Learn how to define flows, refine the design system, and prep handoff. - [Text to UI: Design App Screens From Prompts](https://www.floow.design/blog/how-to-design-app-screens-from-a-text-prompt): Use text to UI prompts that produce usable iOS and Android first screens, with real copy, platform rules, controlled iterations, and handoff checks. - [Ecommerce App Design: Mobile Checkout Flow](https://www.floow.design/blog/how-to-design-a-mobile-checkout-flow): Ecommerce app design guide for faster mobile checkout: guest entry, wallet-first payment, autofill, inline errors, and verified final totals. - [ASO Tool Free: Run an App Store Screenshot A/B Test](https://www.floow.design/blog/how-to-run-an-app-store-screenshot-ab-test): Use an aso tool free workflow to test App Store and Google Play screenshots, set a sample target, and choose a winner on conversion rate. - [Fintech App Design: Balance and Transactions Screen](https://www.floow.design/blog/how-to-design-a-fintech-app-screen): Build a fintech app design for balances and transactions with aligned amounts, privacy controls, accessible credit and debit states, and disclosure placement. - [Accessible Color Generator: Mobile App Design Guide](https://www.floow.design/blog/how-to-design-an-accessible-mobile-app): Use an accessible color generator workflow to check contrast, targets, labels, text scaling and motion on one iOS and Android app screen before handoff. - [Figma to Code: Export AI Mobile Designs](https://www.floow.design/blog/how-to-export-mobile-designs-to-figma): Figma to code starts with editable Figma layers. Export AI-generated mobile screens with Auto Layout, styles, components, and a clear native rebuild list. - [Design Handoff to Developers for Mobile Apps](https://www.floow.design/blog/how-to-hand-off-mobile-designs-to-developers): Create a design handoff to developers with tokens, states, assets, behaviours, and edge cases engineers can build without guessing. - [App Name Generator: Name a Mobile App](https://www.floow.design/blog/how-to-name-a-mobile-app): Use an app name generator and a practical naming process to create mobile app names that fit store limits, pass checks and stay memorable. - [User Persona Generator: Write App Personas](https://www.floow.design/blog/how-to-write-user-personas-for-a-mobile-app): Use a user persona generator or a manual worksheet to create two testable mobile app personas tied to real flows, constraints and design decisions. - [User Flow Diagram Generator: Mobile App Guide](https://www.floow.design/blog/how-to-create-a-user-flow-diagram-for-an-app): Build a user flow diagram generator-ready map for one mobile task: four node types, failure branches, and a tap count before wireframes for iOS and Android. - [Empty State Design for Mobile Apps](https://www.floow.design/blog/how-to-design-empty-states-for-mobile-apps): Empty state design for iOS and Android: classify zero-data screens, choose one action, and turn blank app screens into useful first steps users can complete. - [Mobile App Navigation Design: A Practical Guide](https://www.floow.design/blog/how-to-design-mobile-app-navigation): Build mobile app navigation design that keeps primary destinations within two taps, with iOS and Android sizes, touch targets, and back rules. - [App Onboarding Screen Design: 3-Screen Flow](https://www.floow.design/blog/how-to-design-a-mobile-app-onboarding-flow): Create app onboarding screen design that reaches first value in three screens, defers sign-up, and requests mobile permissions only when needed. - [Mesh Gradient Generator: App Background How-To](https://www.floow.design/blog/how-to-make-mesh-gradient-backgrounds-for-apps): Mesh gradient generator guide: build a soft, readable multi-point backdrop, then choose a @3x image or live rendering for iOS and Android apps. - [Gradient Generator: Mobile UI Gradient Design](https://www.floow.design/blog/how-to-design-gradients-for-mobile-interfaces): Use a gradient generator to design smooth mobile gradients, avoid 8-bit banding, protect text contrast, and export reliable app-ready code. - [Grid Generator CSS: App Screen Layout Guide](https://www.floow.design/blog/how-to-use-css-grid-for-app-screen-layouts): Use a grid generator CSS workflow to build mobile gallery and dashboard layouts that reflow from phone to tablet with practical grid specs. - [Box Shadow Generator: Mobile Elevation Guide](https://www.floow.design/blog/how-to-use-elevation-and-shadow-in-mobile-ui): Use a box shadow generator to build a mobile elevation scale with Material dp levels, tinted shadow stacks, iOS restraint, and dark-mode surfaces. - [Flexbox Generator: Mobile Layouts Without Queries](https://www.floow.design/blog/how-to-design-mobile-layouts-with-flexbox): Use a flexbox generator or manual CSS to build a 320–440px mobile screen with stable header, scrolling content, tabs, and no media queries with testable rules. - [Border Radius Generator for Mobile UI](https://www.floow.design/blog/how-to-choose-corner-radius-for-mobile-ui): Use a border radius generator to set a three-step mobile radius scale, preserve concentric nested corners, and match iOS and Android curve behavior consistently. - [Type Scale Generator for Mobile Screens](https://www.floow.design/blog/how-to-build-a-type-scale-for-mobile-screens): Create a type scale generator workflow for iOS and Android: choose a base, calculate six roles, set line heights, and preserve text resizing. - [Microcopy Generator Guide for Mobile Apps](https://www.floow.design/blog/how-to-write-ux-microcopy-for-mobile-apps): Use a microcopy generator workflow to rewrite mobile buttons, errors and empty states with clear next actions, sentence case and practical character limits. - [Font Pairing Tool: Pair Fonts for Mobile Apps](https://www.floow.design/blog/how-to-pair-fonts-for-a-mobile-app): Use a font pairing tool to select two mobile app fonts, test 13pt text on iOS and Android, and avoid custom-type bundle and legibility failures early. - [Dark Mode Color Generator: Mobile App Guide](https://www.floow.design/blog/how-to-design-a-dark-mode-for-your-mobile-app): Use a dark mode color generator workflow to derive mobile app tokens, tonal elevation, muted brand colours, and re-tested WCAG contrast. - [Color Blindness Simulator: Test App Colors](https://www.floow.design/blog/how-to-test-app-colors-for-color-blindness): Use a color blindness simulator to test iOS and Android screens, fix red-green status failures, and build an accessible color palette without colour-only cues. - [Contrast Checker: Meet WCAG in Mobile Apps](https://www.floow.design/blog/how-to-meet-wcag-contrast-in-a-mobile-app): Use a contrast checker to audit WCAG 2.2 mobile text, controls, placeholders and states, then fix failures without repainting your brand colour palette. - [Color Picker From Image: Build an App Palette](https://www.floow.design/blog/how-to-build-an-app-color-palette-from-a-screenshot): Use a color picker from image workflow to turn a reference screenshot into accessible app color roles, dark-mode tokens, and native-ready values. - [Placeholder Image Generator for App Mockups](https://www.floow.design/blog/how-to-use-placeholder-content-in-app-mockups): Use a placeholder image generator and realistic app copy to expose text, image, locale, loading and empty-state failures before engineering starts. - [Splash Screen Generator: Launch Without Delay](https://www.floow.design/blog/how-to-design-a-splash-screen-that-does-not-annoy-users): Use a splash screen generator workflow to build iOS and Android launch screens that mask cold starts, follow Android 12 rules, and add no artificial wait. - [SVG to PNG Converter: Export Icons for iOS and Android](https://www.floow.design/blog/how-to-export-svg-icons-for-ios-and-android): Use an SVG to PNG converter and manual export workflow to deliver SF Symbols, PDF vectors, VectorDrawable XML, and correct mobile icon sizes. - [WebP Converter: Compress App Images Without Artefacts](https://www.floow.design/blog/how-to-compress-app-images-without-visible-quality-loss): Use a WebP converter to cut mobile app and landing-page image weight while preserving gradients, transparency, density variants and visible quality. - [App Store Screenshot Sizes for iOS and Google Play](https://www.floow.design/blog/how-to-size-app-store-and-play-store-screenshots): App store screenshot sizes for iPhone and Google Play: export 6.9-inch assets, meet image limits, and pass both store uploads on your first attempt. - [Phone Mockup: Put App Screens in Device Frames](https://www.floow.design/blog/how-to-put-app-screens-into-a-phone-mockup): Build a credible phone mockup by matching screenshot apertures, choosing flat or angled frames, and exporting @2x assets for decks and landing pages. - [App Store Screenshot Generator: 5 Frames That Convert](https://www.floow.design/blog/how-to-make-app-store-screenshots-that-convert): Use an app store screenshot generator workflow to build five benefit-led frames that sell your app in the first two search-result previews. - [iOS App Icon Sizes: Export Every Required Size](https://www.floow.design/blog/how-to-export-every-ios-app-icon-size): Export every iOS app icon size from one 1024px master, including App Store Connect rules, Xcode asset catalogs, and PNG requirements. - [App Development Cost Calculator: Estimate Build Cost](https://www.floow.design/blog/how-to-estimate-mobile-app-design-and-build-cost): Use an app development cost calculator method to turn screens, rates, design systems and revisions into a defensible mobile app budget range before proposals. - [App Icon Generator: Design Icons at Every Size](https://www.floow.design/blog/how-to-design-an-app-icon-that-works-at-every-size): Use an app icon generator workflow to prove one mark reads at 40px, then prepare correct iOS masks and Android adaptive icon layers. - [Aspect Ratio Calculator for Mobile App Screens](https://www.floow.design/blog/how-to-choose-aspect-ratios-for-app-screens): Use an aspect ratio calculator to size mobile heroes, cards and thumbnails, preserve safe crops, and test 19.5:9–20:9 phone screens before handoff properly. - [iPhone Screen Sizes for Design: 2026 Reference](https://www.floow.design/blog/how-to-design-for-every-iphone-screen-size): iPhone screen sizes for design: choose a 393 pt canvas, set @2x and @3x assets, and test safe areas on the SE and 16 Pro Max correctly. - [px to rem Converter: Convert px to dp and pt](https://www.floow.design/blog/how-to-convert-px-to-dp-pt-and-rem-for-mobile): Use a px to rem converter method to translate mobile spacing into Android dp, iOS pt and web rem without density or rounding drift. - [Safe Area Inset: Notches and Dynamic Island](https://www.floow.design/blog/how-to-handle-safe-areas-and-the-dynamic-island): Set safe area inset rules for iOS and Android full-bleed screens, including Dynamic Island, home indicator, cutouts and CSS implementation. - [UI Design Prompts: 25 That Generate Usable Mobile Screens](https://www.floow.design/blog/ui-design-prompts-25-generate-usable-mobile-screens): Learn a practical formula plus 25 UI design prompts that create editable, usable mobile screens with clear hierarchy and real states. Try them today. - [UI Design Tools for Mobile: The 2026 Shortlist](https://www.floow.design/blog/ui-design-tools-mobile-2026-shortlist): Compare the best UI design tools for mobile in 2026 by flow generation, consistency, states, editability, and handoff. Explore the shortlist to choose faster. - [AI UI: How AI Builds Mobile Interfaces That Ship](https://www.floow.design/blog/ai-ui-builds-mobile-interfaces-ship): Learn how AI UI turns mobile concepts into shippable interfaces while preserving product logic, accessibility, and UX quality. Explore the workflow. - [Design by AI: A Realistic Workflow for Mobile App Teams](https://www.floow.design/blog/design-ai-realistic-workflow-mobile-app-teams): Learn a realistic Design by AI workflow that helps mobile app teams move from clear briefs to testable designs and developer handoff faster. See the process. - [Natural Language UI: From One Prompt to Editable Mobile](https://www.floow.design/blog/natural-language-ui): Learn how natural language UI turns prompts into native, consistent, editable mobile screens—and what teams should evaluate before building. Explore the guide. - [I want to create mobile app screens from a prompt today.](https://www.floow.design/blog/create-mobile-app-screens-prompt): Create connected mobile app screens from one prompt in seconds with Floow. Skip blank-canvas setup, explore polished directions, and start designing today. - [Interface Design Software: Choosing for Mobile-First Teams](https://www.floow.design/blog/interface-design-software-mobile-first-teams): Compare interface design software for mobile-first teams to streamline flows, validation, and developer handoff. Learn what to prioritize before you choose. - [Android App Design: Material Patterns That Ship](https://www.floow.design/blog/android-app-design-material-patterns-ship): Build production-ready Android apps with adaptable Material patterns, complete states, accessibility rules, and clear handoffs. See how Floow speeds design. - [UI Design Software Compared for Mobile App Work](https://www.floow.design/blog/ui-design-software-compared-mobile-app-work): Compare UI design software for mobile app work by speed, editability, testing, and production fit. Choose the right tool with confidence—explore the guide. - [AI Design Tools for Mobile Apps: 9 Tested in 2026](https://www.floow.design/blog/ai-design-tools-mobile-apps-9-tested-2026): Compare 9 AI design tools for mobile apps tested for editable flows, mobile fidelity, consistency, exports, and handoff. Find the best fit for your team. - [Building a Mobile App Design System From Your First Screens](https://www.floow.design/blog/building-mobile-app-design-system-first-screens): Learn how to build a mobile app design system from real screens using semantic tokens, reusable components, and tested states. Start creating faster. - [App Screen Design: The 8 Screens Every Mobile App Needs](https://www.floow.design/blog/app-screen-design-8-screens-mobile-app-needs): Discover the eight essential app screens and critical UI states needed to create clear, connected mobile experiences. Use the guide to plan your app. - [Material Design 3: Applying Expressive to Real Android](https://www.floow.design/blog/material-design-3-expressive-real-android-screens): Learn how to apply Material Design 3 Expressive to real Android screens using hierarchy, accessible components, and production-ready states. Explore the guide. - [Wireframe Design Examples for Real Mobile App Flows](https://www.floow.design/blog/wireframe-design-examples): Explore mobile wireframe design examples for onboarding, checkout, settings, and recovery flows to clarify app behavior. See how connected screens work. - [Login Screen Design: 10 Mobile Patterns That Convert](https://www.floow.design/blog/login-screen-design-10-mobile-patterns-convert): Explore 10 mobile login screen design patterns that reduce friction, improve recovery, support autofill, and guide more users into your app. See what works. - [AI-Powered Design Platform: A Practical Guide for Mobile](https://www.floow.design/blog/ai-powered-design-platform-mobile-teams): Learn how an AI-powered design platform helps mobile teams build connected, editable app flows, test complex states, and export cleanly to Figma. See the guide. - [AI Design Assistant: A Practical Guide to Production-Ready](https://www.floow.design/blog/ai-design-assistant-production-ready-mobile-ui): Learn how an AI design assistant creates editable, accessible iOS and Android flows for Figma export and developer handoff. Explore the practical guide. - [AI Design Assistant: Build Editable Mobile App Flows](https://www.floow.design/blog/ai-design-assistant-editable-mobile-app-flow): Turn rough requirements into coherent, editable mobile app flows with consistent components, realistic states, and less cleanup. See what to prioritize. - [Wireframing & Prototyping: A Practical Guide for 2026](https://www.floow.design/blog/wireframing-prototyping): Learn the difference between wireframing & prototyping, when to use each, and how to create them 10x faster. A practical guide for PMs, devs, and founders. - [User Interface Engineer: Role, Skills, & Salary Guide 2026](https://www.floow.design/blog/user-interface-engineer): Learn the user interface engineer role, key skills, salary insights, and how to build a strong portfolio fast. - [Why Every Mobile App Founder Needs an AI Design Tool in 2026](https://www.floow.design/blog/why-founders-need-ai-mobile-design-tool): The 5 failure modes that kill founder apps before launch — and how an AI design tool prevents each one. Includes the Conversation Test, a Founder Readiness Scorecard, and practica… - [Vibe Design for Mobile Apps: How AI Is Changing the Way We Build (2026)](https://www.floow.design/blog/vibe-design-mobile-apps): Learn the 5 mobile app vibe archetypes, the Vibe Mismatch Problem, and a 4-step vibe-first design workflow. Includes the Shutter app walkthrough, vibe consistency scorecard, and p… - [How to Generate Mobile App Layouts Automatically with AI (2026)](https://www.floow.design/blog/generate-mobile-app-layouts-with-ai): Learn the 6 core mobile app layout types and how to specify each one in AI prompts. Includes spatial language techniques, a full 4-screen Audibly music app walkthrough, the Struct… - [AI Mockup Generator for Mobile Apps: Step-by-Step Beginner's Guide (2026)](https://www.floow.design/blog/ai-mockup-generator-mobile-apps): A step-by-step beginner's guide to using AI mockup generators for mobile app design. Includes the 3-Screen Starter Kit, VSCAN prompt walkthrough with a real example (Wanderlog), t… - [How AI Is Making Mobile App Design Accessible to Everyone in 2026](https://www.floow.design/blog/ai-democratizing-mobile-app-design): AI design tools have removed the barrier between having a mobile app idea and making it visible. Learn who's building apps without design skills in 2026, the real cost revolution,… - [10 AI Mobile App Design Examples With Prompts You Can Copy (2026)](https://www.floow.design/blog/ai-mobile-app-design-examples-prompts): 10 real AI mobile app design examples across healthcare, marketplace, edtech, and more — each with the exact prompt used, a quality grade, and the one follow-up that made it bette… - [MVP Mobile App Design: From Concept to Clickable Prototype in One Day](https://www.floow.design/blog/mvp-mobile-app-design-prototype): A step-by-step guide to building your MVP mobile app prototype in one day using AI design tools. Includes an hour-by-hour schedule, the One-Core-Journey Rule, a pre-send checklist… - [How to Validate Your Mobile App Idea with AI Mockups (Before Spending a Dollar)](https://www.floow.design/blog/validate-app-idea-with-ai-mockups): A practical guide to validating your mobile app idea using AI-generated mockups. Learn the STOP Questions framework, find 5 test users in 24 hours, and score your validation signa… - [The Complete Guide to AI Mobile App Design in 2026 (For Non-Designers)](https://www.floow.design/blog/ai-mobile-app-design-guide): Learn how to design a mobile app with AI in 2026 — no design skills needed. Step-by-step guide with the VSCAN prompt formula, common mistakes to avoid, and a clear workflow from i… - [Is There a Tool for Designing Mobile Apps? Yes — But First, Read This](https://www.floow.design/blog/ai-tool-for-designing-mobile-apps): Discover the best tools for designing mobile apps in 2026. Learn the difference between UI design tools and app builders, and find the right one for your stage — whether you're a… - [Gemini 3.1 for Mobile App UI Design: 4 Real Prompts Tested Hands-On (2026)](https://www.floow.design/blog/gemini-3.1-for-mobile-app-ui-design): I tested Gemini 3.1 Pro with 4 real mobile app UI prompts — fitness tracker, food delivery, fintech wallet, and meditation app. Detailed results, prompting techniques, and a produ… - [Emergent AI Review 2026: I Built a SaaS App and Tested It Across a Full Week](https://www.floow.design/blog/emergent-ai-review): I built a mobile feedback app with Emergent AI over 7 days. Honest review covering build quality, credit math, iteration speed, and separate scorecards for PMs vs designers. - [MagicPath Alternatives for Product Managers in 2026: Ranked by Real PM Workflows](https://www.floow.design/blog/magicpath-ai-alternatives): I tested 8 MagicPath AI alternatives against 5 real PM scenarios. Ranked by stakeholder speed, ease of use, dev handoff quality, and pricing predictability for product managers. - [Top 9 Magic Patterns Alternatives for Product Designers in 2026](https://www.floow.design/blog/magic-patterns-alternatives): I tested 9 Magic Patterns alternatives with the same prompt and ranked each by use case. Covers Google Stitch, UXPilot, Visily, Uizard, Figma Make, Vercel v0, Motiff, Flowstep, an… - [Lovable vs Bolt for Mobile App UI in 2026: I Tested Both with the Same Prompt](https://www.floow.design/blog/lovable-vs-bolt-mobile-app-ui-2026): I ran the same prompt on Lovable and Bolt to compare mobile app UI quality, speed, pricing, and native support. Here's which AI app builder actually delivers in 2026. - [12 App UI Design Tips That Separate Great Apps from Forgettable Ones](https://www.floow.design/blog/app-ui-design-tips-2026): 12 actionable app UI design tips backed by real UX data for 2026. Learn what separates apps people keep from apps people delete — and how to apply each principle today. - [How to Create a Mobile App Prototype Without Any Design Skills](https://www.floow.design/blog/how-to-create-mobile-app-prototype-2026): Step-by-step guide to creating a mobile app prototype in 2026 — no design skills needed. Learn the tools, process, and what to do with your prototype once it exists. - [10 Mobile App Design Ideas That Users Actually Love in 2026](https://www.floow.design/blog/10-mobile-app-design-ideas-2026): The 10 mobile app design ideas driving retention in 2026 — from single-screen utility apps to AI-personalized home screens. Each includes the design principle behind it and how to… - [The Best AI Mobile App Design Tools in 2026: A Practical Guide for Founders, Designers & Startups](https://www.floow.design/blog/best-ai-mobile-app-design-tools-2026): A practical guide to the best AI mobile app design tools in 2026 — for founders, freelance designers, and startups who want to go from idea to high-fidelity design in seconds. - [How to Design a Mobile App Without Writing a Single Line of Code](https://www.floow.design/blog/how-to-design-mobile-app-without-coding-2026): A complete beginner's guide to designing a mobile app without writing a single line of code in 2026. Step-by-step walkthrough, tool picks, and real tips for first-time founders an… ## Optional - [Support](https://www.floow.design/support): Contact the team. - [Privacy policy](https://www.floow.design/privacy): How account and design data is handled. - [Terms of service](https://www.floow.design/terms): Terms covering the platform and the API.