Copilot
The Copilot iOS app, rebuilt in Figma as a working library. Every screen is editable, every component is real and every colour is a variable.
- screens
- 134
- flows
- 40
- components
- 117
- icon
- 1
Version 1 · iOS · Added 10 Nov 2026
Step through a flow, then import it
40 flows, each in the order it was recorded. Pick one and play it screen by screen, then paste the whole flow into Figma.
Step 1 of 16
App launch
Welcome and Sign Up 1
How you get here: Leaves the app
Open the SuperDuper UI plugin in Figma to paste these 16 screens into your file as editable layers.
Open the full flow pageAll 16 steps
Use ← → to step through
Every screen, grouped by app area
Paste any screen into your file with the plugin. All of WhatsApp and a complete flow from every app are free.
Welcome and Sign Up 1
Welcome and Sign Up 2
Welcome and Sign Up 3
Welcome and Sign Up 4
Welcome and Sign Up 5
Welcome and Sign Up 6
Welcome and Sign Up 7
Welcome and Sign Up 8
Welcome and Sign Up 9
Welcome and Sign Up 10
Welcome and Sign Up 11
Welcome and Sign Up 12
Showing 12 of 16 in Welcome and Sign Up
The foundations come with it
Components, colours and type are Figma components, variables and styles, so you can re-theme every Copilot screen in one go.
Components
117 components with their variants, used across every Copilot screen.
- Scrim
- Scroll fade
- Number pad
- Text caret
- Permission icon
- App logo
- Wordmark
- Sign in mark
- Microsoft lockup
- Brand tile
- Avatar
- Illustration
Colours
Colour variables with light and dark modes, so you can re-theme every screen in one go.
Type and icons
Text styles for every size, plus 1 icon as components.
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.
- Cancellation policy
- Nav bar
- Title
- Intro
- Policy row
- Policy row
- Refund rule
- Link
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 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
Variables
Auto layout
The Airbnb file, as it ships. Every clone is built the same way.
- 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
You might also like
Questions about the Copilot file
134 editable screens across 13 areas of the app, 40 flows in recorded order and 117 components with their variants. Layers are named, colours are variables and text uses styles, so you can edit, restyle and reuse any screen.
Not affiliated with, endorsed or sponsored by Copilot. Copilot is a trade mark of its owner. Recreated for design reference and education.
Rights holder? Tell us and we reply within 2 working daysBuying for a team? See team options
Get real flows
free in Figma
All of WhatsApp, and a complete flow from every app. No card needed.