Skip to content
Try free

Onboarding personalisation on Snapchat

Start avatar creation, skip the camera scan, then step through tabs for skin tone, hair, facial hair, eyes, brows, nose, face shape, mouth, ears, piercings and glasses.

Editable

SnapchatiOS23 steps

See all onboarding personalisation flows across apps

Play the flow

Snapchat flow, step 1: Bitmoji Avatar 1

Step 1 of 23

Tap Finish

Bitmoji Avatar 1

How you get here: Slides in from the right

Import this flow

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

All 23 steps

Every step, in order

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

  1. Snapchat flow, step 1: Bitmoji Avatar 1
    1

    Tap Finish

    Bitmoji Avatar 1

    Slides in from the right

  2. Snapchat flow, step 2: Bitmoji Avatar 2
    2

    Tap Skip

    Bitmoji Avatar 2

    Shows an alert

  3. Snapchat flow, step 3: Bitmoji Avatar 3
    3

    Confirm Skip

    Bitmoji Avatar 3

    Slides in from the right

  4. Snapchat flow, step 4: Bitmoji Avatar 4
    4

    Tap hair colour tab

    Bitmoji Avatar 4

    Switches tab

  5. Snapchat flow, step 5: Bitmoji Avatar 5
    5

    Tap hairstyle tab

    Bitmoji Avatar 5

    Switches tab

  6. Snapchat flow, step 6: Bitmoji Avatar 6
    6

    Tap highlights tab

    Bitmoji Avatar 6

    Switches tab

  7. Snapchat flow, step 7: Bitmoji Avatar 7
    7

    Tap facial hair tab

    Bitmoji Avatar 7

    Switches tab

  8. Snapchat flow, step 8: Bitmoji Avatar 8
    8

    Tap beard colour tab

    Bitmoji Avatar 8

    Switches tab

  9. Snapchat flow, step 9: Bitmoji Avatar 9
    9

    Tap eyes tab

    Bitmoji Avatar 9

    Switches tab

  10. Snapchat flow, step 10: Bitmoji Avatar 10
    10

    Tap eyelashes tab

    Bitmoji Avatar 10

    Switches tab

  11. Snapchat flow, step 11: Bitmoji Avatar 11
    11

    Tap eye colour tab

    Bitmoji Avatar 11

    Switches tab

  12. Snapchat flow, step 12: Bitmoji Avatar 12
    12

    Tap eyebrows tab

    Bitmoji Avatar 12

    Switches tab

  13. Snapchat flow, step 13: Bitmoji Avatar 13
    13

    Tap brow colour tab

    Bitmoji Avatar 13

    Switches tab

  14. Snapchat flow, step 14: Bitmoji Avatar 14
    14

    Tap nose tab

    Bitmoji Avatar 14

    Switches tab

  15. Snapchat flow, step 15: Bitmoji Avatar 15
    15

    Tap face shape tab

    Bitmoji Avatar 15

    Switches tab

  16. Snapchat flow, step 16: Bitmoji Avatar 16
    16

    Tap mouth tab

    Bitmoji Avatar 16

    Switches tab

  17. Snapchat flow, step 17: Bitmoji Avatar 17
    17

    Tap ears tab

    Bitmoji Avatar 17

    Switches tab

  18. Snapchat flow, step 18: Bitmoji Avatar 18
    18

    Tap face details tab

    Bitmoji Avatar 18

    Switches tab

  19. Snapchat flow, step 19: Bitmoji Avatar 19
    19

    Tap ear piercings tab

    Bitmoji Avatar 19

    Switches tab

  20. Snapchat flow, step 20: Bitmoji Avatar 20
    20

    Tap nose piercings tab

    Bitmoji Avatar 20

    Switches tab

  21. Snapchat flow, step 21: Bitmoji Avatar 21
    21

    Tap brow piercings tab

    Bitmoji Avatar 21

    Switches tab

  22. Snapchat flow, step 22: Bitmoji Avatar 22
    22

    Tap lip piercings tab

    Bitmoji Avatar 22

    Switches tab

  23. Snapchat flow, step 23: Bitmoji Avatar 23
    23

    Tap glasses tab

    Bitmoji Avatar 23

    Switches tab

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

More flows from Snapchat

All 52 Snapchat flows

Onboarding personalisation

10 screens

Editable
1Tap hats tab
2Tap tops tab
3Tap bottoms tab
4Tap one-pieces tab

Steps 1–4 of 10, in recording order

Open flow

Privacy & data

9 screens

Editable
1Tap Delete contact data
2Tap Clear Lenses, Clear Local Lens Data
3Tap Clear All Lenses
4Back, tap Delete search history

Steps 1–4 of 9, in recording order

Open flow

Get real flows
free in Figma

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

Get the free flowsSee pricing