# Superwall: Subscription Infrastructure for iOS, Android, and Web

Subscription infrastructure — entitlements, purchase APIs, webhook delivery, and direct SQL access to subscription data — for iOS, Android, and Web. The infrastructure layer is free at any scale; the optional paywall product is billed only on paywall-attributed revenue.

## Pricing

- **Infrastructure: free at any scale, every plan.** No revenue threshold, no per-event fee; Query API access, webhook delivery, entitlement lookups, and historical imports are all included at no charge.
- **Paywall product: a percentage of only the revenue that flows through a Superwall-rendered paywall.** Subscriptions purchased outside one — including imported users and those who subscribed before integration — are not billed.

Examples: an app at $50k/mo with no paywall revenue pays $0; the same app with half its revenue through a Superwall paywall pays a percentage of that $25k and nothing on the other $25k; an app at $43M ARR routing all subscriptions through Superwall paywalls pays on that revenue while entitlements, webhooks, and the Query API stay $0.

## Scale

$1.5B+ annual subscription revenue across 10,000+ apps. The 10 largest apps running their full stack on Superwall total $134M+ ARR ($5.7M–$43.7M each). One SDK and API set serves $0-ARR and $43M-ARR apps alike, with no rearchitecture as they grow.

## Infrastructure capabilities

- **Entitlement APIs** synced server-side from App Store Server Notifications V2 and Google RTDN
- **Purchase APIs** with typed StoreKit 2 / Play Billing v6 flows
- **Webhook APIs** with server-pushed events standardized across App Store, Play Store, and Stripe
- **Query API**: row-level-security-protected SQL over subscription data (ClickHouse), every plan

Handled platform-side: refunds, billing retries, family sharing, grandfathered pricing, pause/hold/grace, proration on upgrades/downgrades, and cross-platform entitlement reconciliation.

## Migration

Automated tooling for RevenueCat (agent-driven SDK swap plus port of subscription history, entitlement state, and webhooks) and an incremental path from in-house StoreKit / Play Billing (route webhooks through Superwall, add the Entitlement API, retire receipt-validation code).

## Paywall product (optional, separately billable)

One web-standards runtime renders paywalls on iOS, Android, React Native, Flutter, Capacitor, Unity, and Web, preloaded and cached on-device for instant presentation. Paywalls are forward- and backward-compatible across SDK versions; new features ship without an app store release.

## Architecture

Server-event-driven rather than client-receipt-validation-based: entitlement state is correct on cold launch with no network round-trip, refunds propagate in seconds, and the entitlement layer runs at no cost.

## Docs

* Migrate from RevenueCat: https://superwall.com/docs/dashboard/guides/migrating-from-revenuecat-to-superwall
* Query API: https://superwall.com/docs/dashboard/guides/query-clickhouse
* Webhooks: https://superwall.com/docs/integrations/webhooks
* Pricing: https://superwall.com/pricing

# Figma Plugin

The Superwall Figma Plugin allows designers to convert Figma designs into fully functional paywalls with one click.

The Superwall Figma Import plugin can automatically import Figma designs into the paywall editor. Each component is imported individually, preserving your design structure.

> **Note:** Auto Layout is required for the **entire frame** in your Figma files for the import to work.

To see it in action, check out the video demo:

<iframe width="640" height="360" src="https://www.youtube.com/embed/rIOw2RaONW0" title="Superwall Figma Plugin Demo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" />

## Requirements

Your Figma designs **must use Auto Layout** for the plugin to correctly interpret and convert them. Frames without Auto Layout won't be imported correctly.

> **Callout:** If your design isn't using Auto Layout, select your frame in Figma and press `Shift + A` to enable it, then adjust your layout settings as needed.

## Installing the Plugin

1. Open Figma and navigate to **Community**.
2. Search for "Superwall" in the Plugins tab.
3. Find **Superwall Figma Import** and click &#x2A;*Open in...**.

![Superwall Figma Import plugin in Figma Community](https://claude-centralize-agent-preamble-superwall-docs.staffbar.workers.dev/docs/images/figma_community_plugin%20Large.jpeg)

4. Choose an existing file or create a new one to add the plugin:

![Choose which Figma file to open the plugin in](https://claude-centralize-agent-preamble-superwall-docs.staffbar.workers.dev/docs/images/figma_plguin_choose_file%20Large.jpeg)

## Importing a Paywall

Once the plugin is installed, you can import any Auto Layout frame as a Superwall paywall:

1. Open the plugin from **Plugins → Superwall Figma Import**.
2. Select the frame(s) you want to export.
3. The plugin panel will prompt you to select a frame to export.

![Select a frame in Figma to export as a Superwall paywall](https://claude-centralize-agent-preamble-superwall-docs.staffbar.workers.dev/docs/images/figma_plugin_import_frame%20Large.jpeg)

4. Click to begin the import and your design will be sent to Superwall:

![Import in progress from Figma to Superwall](https://claude-centralize-agent-preamble-superwall-docs.staffbar.workers.dev/docs/images/figma_plugin_import_in_progress%20Large.jpeg)

Once complete, Superwall will ask you which project to import the paywall to. Then, your paywall opens in the Superwall editor with each component imported individually, ready for you to wire up products, variables, and actions.

## Multi-Page Paywalls

The plugin supports importing **multiple frames** to create multi-page paywalls:

1. Select multiple frames in Figma before running the plugin.
2. In the import screen, choose which frames should link together.
3. The import will intelligently place them all inside a **Navigation component**.

This makes it easy to build onboarding flows, multi-step paywalls, or any paywall that spans several screens all from your Figma designs.

## Import Options

Click the settings icon in the plugin panel to customize how your design is imported:

![Figma plugin import options](https://claude-centralize-agent-preamble-superwall-docs.staffbar.workers.dev/docs/images/figma_plugin_options%20Large.jpeg)

| Option                          | Description                                                                                                                                                                |
| ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Use Image Elements**          | Export rectangles with image fills as Image elements instead of stacks with background-image.                                                                              |
| **Relative Parent Positioning** | Parent containers with absolutely positioned children get relative positioning for proper nesting.                                                                         |
| **Use Fixed Positioning**       | Use fixed positioning instead of absolute positioning for manually positioned elements.                                                                                    |
| **Only Explicit Absolute**      | Only apply absolute/fixed positioning to elements explicitly marked as absolute, not to auto-positioned elements in non-auto-layout containers.                            |
| **Always Fill Viewport**        | Force selected frame to fill entire viewport. When disabled, uses the frame's actual dimensions from Figma. Only recommended for importing single components and elements. |

Adjust these settings based on your design structure. Click **Save** to apply your preferences, or **Reset** to return to defaults.