30 onboarding screens from 4 complete apps
First-run screens that say what the app is for, ask only for what it needs and get someone to their first useful moment. Open any screen in its journey, compare how each app handles it, and use the one you like as the start of your own design.
Your time machine
Spinback · MusicA cassette mascot dances on a yellow globe: the app’s idea in five words, a pager and one black button.
Every era
Spinback · MusicThe boombox on a pink globe: every decade one tap away.
Make mixtapes
Spinback · MusicThe headphones on a blue globe, and Get started in place of the pager.
Pick your eras
Spinback · MusicEight colour tiles; picked ones lift with a hard shadow and a tick.
Who’s on your poster?
Spinback · MusicRound artist records with rings around the ones you picked, and a search.
Your year in tapes
Spinback · MusicThe yearly recap opens like a story: press play.
Welcome
Kitchenbell · Food & drinkProof first: a live count of kitchens cooking nearby, a ticker of what's on the stove, and a mood pick that seeds the feed.
Allow location
Kitchenbell · Food & drinkThe kitchens that can reach you hot, on a 4 km radar, explained before the system prompt appears over it.
Welcome
Ravel · FinanceLeads with the one number the app is about, over a photo, then three plain promises and one path in.
What Ravel reads
Ravel · FinanceLook, never touch: what Ravel reads and what it never does, side by side, before any bank is chosen.
Choose your bank
Ravel · FinanceSearch or pick a bank; one is marked down for maintenance before you waste a tap.
Payday
Ravel · FinanceThe salary it found, confirmed in a tap, with a calendar of days and the weekend rule.
Bills you always pay
Ravel · FinanceRegular bills found in the payments, one marked a probable one-off, with the monthly total to set aside.
Keep a cushion
Ravel · FinancePick a cushion and watch the needle: what never counts as safe to spend.
New goal
Ravel · FinancePhoto, name, target and date turn into one per-payday amount and its effect on the day.
Welcome
Vela · Health & fitnessThree rings draw themselves over a dark green glow: push or rest, in one line.
How it works
Vela · Health & fitnessReads, weighs, answers: the three things Vela does, colour-coded to the rings.
Your goals
Vela · Health & fitnessPick what brings you here; the coach starts from these.
About you
Vela · Health & fitnessName, birth year, height and weight in big soft fields, with metric or imperial.
Permissions
Vela · Health & fitnessBluetooth, Health, notifications and motion, each with the reason in one line.
Fit guide
Vela · Health & fitnessA drawn forearm shows one finger above the wrist bone, with two dos and one don’t.
Morning check-in
Vela · Health & fitnessFour yes/no questions about yesterday, and why the answers matter.
How you feel
Vela · Health & fitnessFive feelings as coloured rings, sore spots as chips, and a note for the coach.
Join a team
Vela · Health & fitnessWho invited you, and exactly what the team will and won’t see.
Update ready
Vela · Health & fitnessSize, time and three real gains, with “tonight while it charges” as the other choice.
Today · first-time tip
Vela · Health & fitnessA spotlight cut around the ring, a dashed halo and a 1-of-3 explainer card.
Cycle setup
Vela · Health & fitnessWhy it makes scores fair, two fields, and that teams never see it.
Create a team
Vela · Health & fitnessName, goal and who can join, then straight to inviting.
Welcome back
Vela · Health & fitnessBack after 34 days: the normal is kept, rings ready to refill.
Move to a new band
Vela · Health & fitnessThe upgrade arrived: old band dims, data flows to the new one, two steps.
Side by side: one onboarding screen from each app
More patterns
Questions
Can I use these onboarding screens in my own app?
Yes. Use this screen puts one in a new SketchXFlow project with your app's name in its words, where you can change every word and part of it, then copy it to Figma or export the code. It's free with an account, three screens a day.
Are these real apps?
They are complete sample apps made for SketchXFlow Inspiration (Spinback, Kitchenbell, Ravel, Vela), with every step of the journey drawn, including errors and empty states. Their names, people and prices are made up.
How many onboarding screens are there?
30 today, across 4 apps. Each new app adds its own.