Skip to content

View details on Opal

Tap the gem on Home to open the first earned gem, then swipe through each milestone gem to see what it takes to unlock it and your progress so far.

Editable

OpaliOS17 steps

See all view details flows across apps

Play the flow

Opal flow, step 1: Home 6

Step 1 of 17

Scroll up

Home 6

How you get here: Changes in place

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. Opal flow, step 1: Home 6
    1

    Scroll up

    Home 6

    Changes in place

  2. Opal flow, step 2: Gems 1
    2

    Tap gem on Home

    Gems 1

    Opens full screen

  3. Opal flow, step 3: Gems 2
    3

    Swipe to next gem

    Gems 2

    Changes in place

  4. Opal flow, step 4: Gems 3
    4

    Swipe to next gem

    Gems 3

    Changes in place

  5. Opal flow, step 5: Gems 4
    5

    Swipe to next gem

    Gems 4

    Changes in place

  6. Opal flow, step 6: Gems 5
    6

    Swipe to next gem

    Gems 5

    Changes in place

  7. Opal flow, step 7: Gems 6
    7

    Swipe to next gem

    Gems 6

    Changes in place

  8. Opal flow, step 8: Gems 7
    8

    Swipe to next gem

    Gems 7

    Changes in place

  9. Opal flow, step 9: Gems 8
    9

    Swipe to next gem

    Gems 8

    Changes in place

  10. Opal flow, step 10: Gems 9
    10

    Swipe to next gem

    Gems 9

    Changes in place

  11. Opal flow, step 11: Gems 10
    11

    Swipe to next gem

    Gems 10

    Changes in place

  12. Opal flow, step 12: Gems 11
    12

    Swipe to next gem

    Gems 11

    Changes in place

  13. Opal flow, step 13: Gems 12
    13

    Swipe to next gem

    Gems 12

    Changes in place

  14. Opal flow, step 14: Gems 13
    14

    Swipe to next gem

    Gems 13

    Changes in place

  15. Opal flow, step 15: Gems 14
    15

    Swipe to next gem

    Gems 14

    Changes in place

  16. Opal flow, step 16: Gems 15
    16

    Swipe to next gem

    Gems 15

    Changes in place

  17. Opal flow, step 17: Gems 16
    17

    Swipe to next gem

    Gems 16

    Changes in place

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

Onboarding

19 screens

Editable
1Start free trial
2Tap Continue
3Tap Continue
4Tap Continue

Steps 1–4 of 19, 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.