Flow & Paywall Builder

Important

Before a flow can reach your users, it needs a newer SDK and a placement of its own:

  • Adapty SDK v4.0 or later: Earlier SDK versions can’t render flows.
  • Its own flow placement: Flows and paywalls are different content types, so each lives on its own placement type. A flow can’t go on a paywall placement, and a new flow placement can’t reuse a paywall placement’s ID — placement IDs are unique across your whole app. See Create placement.

In Adapty, you can create flows in a visual no-code editor: the Flow & Paywall Builder. To find your flows, go to Flows & Paywalls in the Adapty main menu and open the Flow & Paywall builder tab. If you’d rather build the purchase screen in your own code, create a custom paywall instead.

  • Create paywalls, onboardings, and more: Create dynamic single- or multi-screen flows.
  • Full-featured flow templates: Start the flow with a professionally designed template.
  • Your Figma designs: Import frames from Figma and turn them into an editable flow.
  • Flexible design: Recreate complex screens visually: no code required.
  • AI Editor: Describe a change in plain language or attach a reference screenshot. Restyle, rewrite, or rearrange the screen without editing element settings by hand.
  • Native rendering: The Adapty SDK renders flows natively without web views to ensure a seamless user experience.
  • Update without redeploying: Change copy, design, or logic any time. Updates reach your users without an app release.

What you can build

You can place flows anywhere in your app — at first launch, in front of a premium feature, or after a key action. Every screen is fully customizable, so each flow can match its moment. Here are some of the most popular things you can build:

  • App onboarding: Showcase your app features, ask questions, and personalize the highlighted features and CTAs based on the quiz answers. See Build a personalized onboarding flow.
  • Paywall screens: Put a feature gate in front of premium content and present your products with feature lists, pricing, and a purchase button. See Create a basic paywall screen.
  • Tiered plans in tabs: Show subscription tiers side by side in tabs, swapping the feature list and CTA as the user switches between them. See Create a paywall with tabs and Show different features per product.
  • Expandable plan lists: Lead with one highlighted offer and reveal the full product list in a bottom sheet when the user wants to compare. See Show all plans in a bottom sheet.
  • Surveys and quizzes: Collect goals, preferences, or experience level, then use the answers to branch the flow, tailor later screens, or process them in your app. See Inputs and forms.
  • Social proof: Build trust with review cards, ratings, and testimonials right before the purchase decision. See Reviews and testimonials.
  • Promo and winback screens: Run limited-time discounts, free-trial offers, or winback screens to re-engage lapsed users.

These are just the most common patterns. Flows are built from flexible, reusable elements, so you can combine them into almost any screen your product needs — and reshape it whenever your product evolves.

Create a flow

Create a new flow from a custom-designed gallery template, a blank canvas, or your Figma designs. Then customize it with the following capabilities:

  • Element library — pre-built blocks for text, media, buttons, forms, and other content.
  • Actions — navigate between screens, open URLs, run purchases, and more.
  • Variables — use variable values in text or to enable trigger-based flow logic.
  • Custom tags — pass a value from your app to a flow, and show it in a text element.
  • Conditional navigation — branch the flow based on user input.
  • Quizzes and inputs — collect user input, use it in the flow, or pass it to your app.
  • AI Editor — describe a change in plain language and the AI applies it to the screen you’re on.
  • Dark mode — style elements to match the device theme.
  • Localization — translate by hand, with AI, or with a third-party translation service.

Save and publish your draft, then attach it to a flow placement — a new one, with a placement ID no other placement in the app uses. A flow placement can serve different flows to different audiences.

Once the flow is live, track its views, completions, and revenue on its metrics page. Most charts on the Analytics page, from MRR to churn, can also be narrowed to a single flow — or flow screen.

Next steps

Create a flow

Start a new flow from a custom-designed gallery template or a minimal starter.

Interface overview

Overview of the Flow & Paywall Builder interface and workspace.

AI Editor

Describe a change in plain language and the AI Editor applies it to your flow screen — restyle, rewrite, and rearrange without touching a single property.

Import a design from Figma

Send frames from your Figma file to Adapty and turn them into an editable flow. Layout, text, and images come across, so you start from your design instead of a blank screen.

Agent skills

Install Adapty's agent skills so your own AI coding tool can build, audit, and serve Adapty flows from the terminal.

Common flow recipes

Step-by-step guides for building common screen templates in the Flow & Paywall Builder.

Screens and Layers

Manage screens and the element hierarchy within each screen in the Flow & Paywall Builder.

Layout and positioning

Arrange elements on screen with layout, position mode, sizing, and spacing.

Styles and appearance

Configure the visual appearance of elements — fill, borders, effects, typography, states, and project-wide styles.

Reusable styles

Save text and color settings as reusable styles, apply them to any element, and update every element that uses them at once.

Products and purchases

Add products to a screen, connect a purchase button, and manage flow products in the Flow & Paywall Builder.

Elements

All visual elements available in the Flow & Paywall Builder: layout containers, text, media, lists, buttons, inputs, products, and more.

Navigation and interaction

Move the user between screens and interact with the user

Dark mode

Show different colors and backgrounds in your flow on devices in dark mode.

Localization

Translate a flow's screens and its remote config values for every market you sell in.

Customize flow with remote config

Customize your flow with a remote config JSON payload.

Preview flows

Preview flow compatibility across devices for an optimized experience.

Flow metrics

Track and analyze flow performance metrics to improve subscription revenue.

Fallback flows

Set up local fallback flows in Adapty to keep your flow visible when the device is offline.

Common issues

Fix the issues that stop a flow from previewing, publishing, or behaving the way you built it in the Flow & Paywall Builder.

Paywall Builder and Onboarding Builder deprecation

On October 1, 2026, Adapty deprecates the old Paywall Builder and Onboarding Builder. Published paywalls and onboardings keep working — build new ones in the Flow & Paywall Builder.