LayersAssets
- Cancellation policy
- Nav bar
- Title
- Intro
- Frame 12
- Policy row
- Refund rule
- Link
Frame 12Policy row
Named layers
Frames are named the way a designer would name them. No more Frame 12.
Real app UI,rebuilt in Figma
Every screen of 21 leading apps, rebuilt as editable Figma files with components and auto layout. Study what works, then make it yours.
21 apps · 4,300+ screens · Cancel any time
4,347 editable screens · 1,537 components · 384 flows, from 21 apps. Latest: Claude, added 2 Nov
Real apps, rebuilt
in Figma.
Other libraries give you a picture of the screen. We give you the file: named layers, real components and variables you can change.
LayersAssets
- Cancellation policy
- Nav bar
- Title
- Intro
- Policy row
- Policy row
- Refund rule
- Link
screenshot.pngEditable Figma file
9:41
Cancellation policy
Before you book, make sure you’re comfortable
with the Host’s cancellation policy. Keep in mind
that Airbnb’s Extenuating Circumstance policy
doesn’t cover cancellations due to illness or
travel disruptions caused by COVID-19.
Cancel by
25 Oct
16:00
Full refund: Get back 100% of
what you paid
30 Oct
16:00
(check-in)
Partial refund: Get back 50% of
every night but the first one. No
refund of the first night or the
service fee
Learn more about cancellation policies
Learn more about cancellation policies
9:41
Cancellation policy
Before you book, make sure you’re comfortable
with the Host’s cancellation policy. Keep in mind
that Airbnb’s Extenuating Circumstance policy
doesn’t cover cancellations due to illness or
travel disruptions caused by COVID-19.
Cancel by
25 Oct
16:00
Full refund: Get back 100% of
what you paid
30 Oct
16:00
(check-in)
Partial refund: Get back 50% of
every night but the first one. No
refund of the first night or the
service fee
Learn more about cancellation policies
Learn more about cancellation policies
Cancellation policyTitleLink
Component
VariantScreenHeading / LargeLink / PrimaryLink / Secondary
Variables
ThemeLightDark
Auto layout
WidthFixed · 390Hug · 242Hug · 288
The Airbnb file, as it ships. Every clone is built the same way.
LayersAssets
- Cancellation policy
- Nav bar
- Title
- Intro
- Policy row
- Policy row
- Refund rule
- Link
89components with variantscomponents
71colour variables, light and darkcolour variables
63text stylestext styles
A working file,
not a folder of images.
Open any clone and it behaves like a file your own team made.
DefaultReserve
PressedReserve
DisabledReserve
Components with variants
Buttons, rows and sheets come with their states.
ThemeLight → Dark
Total (USD)$743.36Confirm and pay
Total (USD)$743.36Confirm and pay
Variables and dark mode
Switch the mode and the whole screen follows.
Cabin in the woods4.92
$157.68 a night · 5 nightsListing card320 → 360 × Hug
Auto layout that stretches
Resize a card and everything inside reflows.
Flows in recorded order
Screens arrive in the order we tapped through them.
Find any screen by app,
flow or pattern.
Start from an app you know, or go straight to onboarding, paywalls or checkout across all 21 apps.
Showing paywall screens, 9 screens.
RevolutPaywall
HeadspacePaywall
UberEatsPaywall
ChatGPTPaywall
ClaudePaywall
SnapchatPaywall
CalmPaywall
PerplexityPaywall
DuolingoPaywall
Browse all 21 apps
65 flow types, 70 screen patterns and 69 UI elements
Every flow, in the
order you tap it.
384 flows across 21 apps, each recorded on a real phone and kept in sequence. Import one and you get every step.
From the plugin to your
file in three steps.
Try it free: all of WhatsApp and a complete flow from every app. No account, no card.
My project · Checkout ideas
SuperDuper UI
Free flows
Search 21 apps
Wise316 screens
Revolut401 screens
Coinbase186 screens
PayPal241 screens
Give your agent
the real thing.
Connect any MCP client to the SuperDuper catalogue. Your agent searches real app screens and pulls editable components into your Figma file.
agent · superduper mcp
Make a checkout screen like Airbnb's, using the SuperDuper library.
Checkout ideas · placed by agent
- Price row
- Policy row
- Button / Primary
- Date picker
- Listing summary
- Nav bar
Checkout · 4 frames
Every screen of the
apps you study.
“I kept rebuilding the same screens from screenshots. So we rebuilt them once, properly, as files you can open and change.”
- apps, every screen editable
- 21
- flows, kept in tap order
- 384
One plan, every app.
Pro, yearly
Best value$20/mo
Billed $240 a year
20 apps × $69 = $1,380 bought singly
Start yearly- Every app and every screen, editable
- Unlimited plugin imports
- Unlimited .fig downloads
- New apps as they ship, at no extra cost
- Price locked while you stay subscribed
Pro, quarterly
$30/mo
Billed $90 every 3 months
Good for a single project or a short sprint
Start quarterly- Every app and every screen, editable
- Unlimited plugin imports
- 10 .fig downloads a quarter
- Cancel any time
Every plan includes
- All 21 apps and every new one
- 4,347 editable screens
- 384 flows in tap order
- The Figma plugin
- Cancel any time
Team plans are $200 per seat a year, with a 2-seat minimum. Get in touch and we’ll set yours up and invoice you by hand until self-serve team checkout arrives. Get in touch
Your price stays locked at the rate you joined, for as long as you stay a member.
Only need one app? Buy it for $69 and keep it.
Browse all 21 appsQuestions,
answered.
Still stuck? Email hello@superduperui.com and a person will reply.
Real Figma components, not pictures. Each screen is built with auto layout, named layers and variables, so you can change text, swap components and re-theme the whole app.
A screenshot library gives you a picture of a screen. We give you the file behind it: named layers, components with their variants, and colour variables with light and dark modes, ready to edit and reuse.
All of WhatsApp, and a complete flow from every app. Browse and preview everything for free. Your first screen needs nothing. Your email unlocks the rest.
Yes. Connect any MCP client to the SuperDuper catalogue and your agent can search real app screens and place editable components in your Figma file.
No. SuperDuper UI is not affiliated with, endorsed or sponsored by any of the companies whose apps we recreate. App names and trade marks belong to their owners. Our files are recreations for design reference and education.
Yes, any time, from your account. Your plan stays active until the end of the period you have paid for.
Get real flows
free in Figma
All of WhatsApp, and a complete flow from every app. No card needed.