Skip to content

Onboarding on Opal

Learn how rules, always-allowed apps, unblocking and Hard Mode work, pick your biggest distractions, review proposed schedule rules, skip the friend referral offer and land on Home.

Editable

OpaliOS19 steps

See all onboarding flows across apps

Play the flow

Opal flow, step 1: Rule Setup 1

Step 1 of 19

Start free trial

Rule Setup 1

How you get here: Slides in from the right

Import this flow

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

All 19 steps

Every step, in order

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

  1. Opal flow, step 1: Rule Setup 1
    1

    Start free trial

    Rule Setup 1

    Slides in from the right

  2. Opal flow, step 2: Rule Setup 2
    2

    Tap Continue

    Rule Setup 2

    Changes in place

  3. Opal flow, step 3: Rule Setup 3
    3

    Tap Continue

    Rule Setup 3

    Changes in place

  4. Opal flow, step 4: Rule Setup 4
    4

    Tap Continue

    Rule Setup 4

    Changes in place

  5. Opal flow, step 5: Rule Setup 5
    5

    Wait timer ends

    Rule Setup 5

    Changes in place

  6. Opal flow, step 6: Rule Setup 6
    6

    Tap Continue

    Rule Setup 6

    Slides in from the right

  7. Opal flow, step 7: Rule Setup 7
    7

    Illustration animates

    Rule Setup 7

    Changes in place

  8. Opal flow, step 8: Rule Setup 8
    8

    Tap Continue

    Rule Setup 8

    Slides in from the right

  9. Opal flow, step 9: App Picker 1
    9

    Tap Continue

    App Picker 1

    Slides in from the right

  10. Opal flow, step 10: App Picker 2
    10

    Tap All Apps & Categories

    App Picker 2

    Changes in place

  11. Opal flow, step 11: Rule Setup 9
    11

    Tap Continue

    Rule Setup 9

    Slides in from the right

  12. Opal flow, step 12: Rule Setup 10
    12

    Swipe carousel

    Rule Setup 10

    Changes in place

  13. Opal flow, step 13: Rule Setup 11
    13

    Swipe carousel

    Rule Setup 11

    Changes in place

  14. Opal flow, step 14: Rule Setup 12
    14

    Swipe carousel

    Rule Setup 12

    Changes in place

  15. Opal flow, step 15: Rule Setup 13
    15

    Swipe carousel

    Rule Setup 13

    Changes in place

  16. Opal flow, step 16: Rule Setup 14
    16

    Tap Continue

    Rule Setup 14

    Slides in from the right

  17. Opal flow, step 17: Rule Setup 15
    17

    Scroll down

    Rule Setup 15

    Changes in place

  18. Opal flow, step 18: Rule Setup 16
    18

    Tap Skip

    Rule Setup 16

    Slides in from the right

  19. Opal flow, step 19: Home 1
    19

    Auto after setup

    Home 1

    Slides in from the right

Not affiliated with, endorsed or sponsored by Opal. Opal is a trade mark of its owner. Recreated for design reference and education. Rights holders: contact us

More flows from Opal

View details

17 screens

Editable
1Scroll up
2Tap gem on Home
3Swipe to next gem
4Swipe to next gem

Steps 1–4 of 17, in recording order

Open flow
Editable
1Account created
2Goal option selected
3Age submitted
4Scroll list to top

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.