Create a team
Create11 screens




Steps 1–4 of 11, in recording order
Open flowRead the welcome checklist, enter a name, answer how you plan to use the app and manage tasks, try voice capture, set up notifications, skip the intro video and land on Today.
TodoistiOS17 stepsFree sample
Every app’s free flow imports free, no card needed.
See all onboarding flows across apps
Step 1 of 17
Onboarding 1
How you get here: Slides in from the right
Open the SuperDuper UI plugin in Figma to paste these 17 screens into your file as editable layers.
All 17 steps
Use ← → to step through
Each screen in the order it was recorded, with how the user got there.

App launch after sign-in
Onboarding 1
Slides in from the right

Tap Let's go
Onboarding 2
Slides in from the right

Tap Next
Onboarding 3
Slides in from the right

Tap For Myself
Onboarding 4
Changes in place

Tap Next
Onboarding 5
Slides in from the right

Tap an answer
Onboarding 6
Changes in place

Tap Next
Onboarding 7
Slides in from the right

Tap Yes, Show Me
Voice Capture 1
Shows an alert

Tap Allow
Voice Capture 2
Closes

User speaks
Voice Capture 3
Changes in place

Tap pause
Voice Capture 4
Changes in place

Tap resume
Voice Capture 5
Changes in place

Tap confirm tick
Voice Capture 6
Closes

Tap Continue
Onboarding 8
Slides in from the right

Tap Remind Me
Onboarding 9
Shows an alert

Allow notifications
Onboarding 10
Slides up from the bottom

Tap Skip
Today and Inbox 1
Closes
Not affiliated with, endorsed or sponsored by Todoist. Todoist is a trade mark of its owner. Recreated for design reference and education. Rights holders: contact us
Create11 screens




Steps 1–4 of 11, in recording order
Open flowSettings & preferences11 screens




Steps 1–4 of 11, in recording order
Open flowAll of WhatsApp, and a complete flow from every app. No card needed.