Skip to content

Onboarding on Todoist

Read 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.

Editable

TodoistiOS17 stepsFree sample

See all onboarding flows across apps

Play the flow

Todoist flow, step 1: Onboarding 1

Step 1 of 17

App launch after sign-in

Onboarding 1

How you get here: Slides in from the right

Import this flow

Open the SuperDuper UI plugin in Figma to paste these 17 screens into your file as editable layers.

All 17 steps

Every step, in order

Each screen in the order it was recorded, with how the user got there.

  1. Todoist flow, step 1: Onboarding 1
    1

    App launch after sign-in

    Onboarding 1

    Slides in from the right

  2. Todoist flow, step 2: Onboarding 2
    2

    Tap Let's go

    Onboarding 2

    Slides in from the right

  3. Todoist flow, step 3: Onboarding 3
    3

    Tap Next

    Onboarding 3

    Slides in from the right

  4. Todoist flow, step 4: Onboarding 4
    4

    Tap For Myself

    Onboarding 4

    Changes in place

  5. Todoist flow, step 5: Onboarding 5
    5

    Tap Next

    Onboarding 5

    Slides in from the right

  6. Todoist flow, step 6: Onboarding 6
    6

    Tap an answer

    Onboarding 6

    Changes in place

  7. Todoist flow, step 7: Onboarding 7
    7

    Tap Next

    Onboarding 7

    Slides in from the right

  8. Todoist flow, step 8: Voice Capture 1
    8

    Tap Yes, Show Me

    Voice Capture 1

    Shows an alert

  9. Todoist flow, step 9: Voice Capture 2
    9

    Tap Allow

    Voice Capture 2

    Closes

  10. Todoist flow, step 10: Voice Capture 3
    10

    User speaks

    Voice Capture 3

    Changes in place

  11. Todoist flow, step 11: Voice Capture 4
    11

    Tap pause

    Voice Capture 4

    Changes in place

  12. Todoist flow, step 12: Voice Capture 5
    12

    Tap resume

    Voice Capture 5

    Changes in place

  13. Todoist flow, step 13: Voice Capture 6
    13

    Tap confirm tick

    Voice Capture 6

    Closes

  14. Todoist flow, step 14: Onboarding 8
    14

    Tap Continue

    Onboarding 8

    Slides in from the right

  15. Todoist flow, step 15: Onboarding 9
    15

    Tap Remind Me

    Onboarding 9

    Shows an alert

  16. Todoist flow, step 16: Onboarding 10
    16

    Allow notifications

    Onboarding 10

    Slides up from the bottom

  17. Todoist flow, step 17: Today and Inbox 1
    17

    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

More flows from Todoist

Create a team

Create11 screens

Editable
1Tap Add a Team
2Type team name
3Tap Next
4Tap 2 - 7

Steps 1–4 of 11, in recording order

Open flow

Change general settings

Settings & preferences11 screens

Editable
1Tap Account
2Tap Home View
3Scroll down
4Tap Timezone

Steps 1–4 of 11, in recording order

Open flow

Get real flows
free in Figma

All of WhatsApp, and a complete flow from every app. No card needed.