Skip to content
Try free

Sign up on BeReal

Accept the consent card, enter a phone number and code, create a new account with name, birthdate and username, allow contacts and notifications, see add friends, then land on Home.

Editable

BeRealiOS21 stepsFree sample

See all sign up flows across apps

Play the flow

BeReal flow, step 1: Welcome and Sign Up 1

Step 1 of 21

App launch

Welcome and Sign Up 1

How you get here: Opens full screen

Import this flow

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

All 21 steps

Every step, in order

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

  1. BeReal flow, step 1: Welcome and Sign Up 1
    1

    App launch

    Welcome and Sign Up 1

    Opens full screen

  2. BeReal flow, step 2: Welcome and Sign Up 2
    2

    Tap Accept on consent card

    Welcome and Sign Up 2

    Closes

  3. BeReal flow, step 3: Welcome and Sign Up 3
    3

    Finish typing number

    Welcome and Sign Up 3

    Changes in place

  4. BeReal flow, step 4: Welcome and Sign Up 4
    4

    Tap Send Verification Text

    Welcome and Sign Up 4

    Slides in from the right

  5. BeReal flow, step 5: Welcome and Sign Up 5
    5

    Enter six-digit code

    Welcome and Sign Up 5

    Slides up from the bottom

  6. BeReal flow, step 6: Profile Setup 1
    6

    Tap Create New Account

    Profile Setup 1

    Slides in from the right

  7. BeReal flow, step 7: Profile Setup 2
    7

    Type first name

    Profile Setup 2

    Changes in place

  8. BeReal flow, step 8: Profile Setup 3
    8

    Tap Continue

    Profile Setup 3

    Slides in from the right

  9. BeReal flow, step 9: Profile Setup 4
    9

    Type birthdate

    Profile Setup 4

    Changes in place

  10. BeReal flow, step 10: Profile Setup 5
    10

    Tap Continue

    Profile Setup 5

    Slides in from the right

  11. BeReal flow, step 11: Profile Setup 6
    11

    Type username

    Profile Setup 6

    Changes in place

  12. BeReal flow, step 12: Profile Setup 7
    12

    Finish typing username

    Profile Setup 7

    Changes in place

  13. BeReal flow, step 13: Profile Setup 8
    13

    Tap Continue

    Profile Setup 8

    Changes in place

  14. BeReal flow, step 14: Find Friends and Permissions 1
    14

    Account created

    Find Friends and Permissions 1

    Slides in from the right

  15. BeReal flow, step 15: Find Friends and Permissions 2
    15

    Tap Continue

    Find Friends and Permissions 2

    Shows an alert

  16. BeReal flow, step 16: Find Friends and Permissions 3
    16

    Allow contacts access

    Find Friends and Permissions 3

    Slides in from the right

  17. BeReal flow, step 17: Find Friends and Permissions 4
    17

    Tap Skip

    Find Friends and Permissions 4

    Opens full screen

  18. BeReal flow, step 18: Find Friends and Permissions 5
    18

    Tap Allow

    Find Friends and Permissions 5

    Shows an alert

  19. BeReal flow, step 19: Friends 1
    19

    Allow notifications

    Friends 1

    Opens full screen

  20. BeReal flow, step 20: Friends 2
    20

    Results load

    Friends 2

    Changes in place

  21. BeReal flow, step 21: Home 1
    21

    Close add friends

    Home 1

    Closes

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

More flows from BeReal

All 30 BeReal flows

Create

12 screens

Editable
1Close add friends
2Tap Post your first photo
3Photo captured and processed
4Tap caption field

Steps 1–4 of 12, in recording order

Open flow

Onboarding

8 screens

Editable
1Tap Create New Account
2Type first name
3Tap Continue
4Type birthdate

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