Skip to content

Other on Lifesum

Finish the diet score test with grains, snacks, drinks and exercise sliders, see the result gauge and tips, then leave a retake via the unsaved-changes dialog.

Editable

LifesumiOS22 steps

Play the flow

Lifesum flow, step 1: Life Score Test 25

Step 1 of 22

Tap Next, drag slider

Life Score Test 25

How you get here: Slides in from the right

Import this flow

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

All 22 steps

Every step, in order

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

  1. Lifesum flow, step 1: Life Score Test 25
    1

    Tap Next, drag slider

    Life Score Test 25

    Slides in from the right

  2. Lifesum flow, step 2: Life Score Test 26
    2

    Tap Next, drag slider

    Life Score Test 26

    Slides in from the right

  3. Lifesum flow, step 3: Life Score Test 27
    3

    Tap Next, drag slider

    Life Score Test 27

    Slides in from the right

  4. Lifesum flow, step 4: Life Score Test 28
    4

    Tap Next, drag slider

    Life Score Test 28

    Slides in from the right

  5. Lifesum flow, step 5: Life Score Test 29
    5

    Tap Next, drag slider

    Life Score Test 29

    Slides in from the right

  6. Lifesum flow, step 6: Life Score Test 30
    6

    Tap Next, drag slider

    Life Score Test 30

    Slides in from the right

  7. Lifesum flow, step 7: Life Score Test 31
    7

    Tap Next, drag slider

    Life Score Test 31

    Slides in from the right

  8. Lifesum flow, step 8: Life Score Test 32
    8

    Tap Next, drag slider

    Life Score Test 32

    Slides in from the right

  9. Lifesum flow, step 9: Life Score Test 33
    9

    Tap Next, drag slider

    Life Score Test 33

    Slides in from the right

  10. Lifesum flow, step 10: Life Score Test 34
    10

    Tap Next, drag slider

    Life Score Test 34

    Slides in from the right

  11. Lifesum flow, step 11: Life Score Test 35
    11

    Tap Next, drag slider

    Life Score Test 35

    Slides in from the right

  12. Lifesum flow, step 12: Life Score Test 36
    12

    Tap Next, drag slider

    Life Score Test 36

    Slides in from the right

  13. Lifesum flow, step 13: Life Score Test 37
    13

    Tap Next, drag slider

    Life Score Test 37

    Slides in from the right

  14. Lifesum flow, step 14: Life Score Test 38
    14

    Tap Next, drag slider

    Life Score Test 38

    Slides in from the right

  15. Lifesum flow, step 15: Life Score Test 39
    15

    Tap Next, drag slider

    Life Score Test 39

    Slides in from the right

  16. Lifesum flow, step 16: Life Score Test 40
    16

    Tap Next, drag slider

    Life Score Test 40

    Slides in from the right

  17. Lifesum flow, step 17: Life Score Test 41
    17

    Tap Next, drag slider

    Life Score Test 41

    Slides in from the right

  18. Lifesum flow, step 18: Life Score Test 42
    18

    Tap Next, drag slider

    Life Score Test 42

    Slides in from the right

  19. Lifesum flow, step 19: Progress 7
    19

    Tap Next on final question

    Progress 7

    Opens full screen

  20. Lifesum flow, step 20: Progress 8
    20

    Scroll down

    Progress 8

    Changes in place

  21. Lifesum flow, step 21: Life Score Test 43
    21

    Tap close on Life Score test

    Life Score Test 43

    Shows an alert

  22. Lifesum flow, step 22: Progress 2
    22

    Tap Leave

    Progress 2

    Closes

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

More flows from Lifesum

Other

26 screens

Editable
1Tap Progress tab
2Tap Take the test
3Tap Next
4Scroll allergy list

Steps 1–4 of 26, in recording order

Open flow

Onboarding

14 screens

Editable
1App launch
2Splash finishes
3Tap Create account
4Swipe left

Steps 1–4 of 14, in recording order

Open flow

Get real flows
free in Figma

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