Skip to content

Sign up on Granola

Choose a sign-in option, allow the web sign-in, grant calendar access, see the work email prompt and desktop app promo, answer two setup questions, skip notifications and land on Home.

Editable

GranolaiOS18 stepsFree sample

See all sign up flows across apps

Play the flow

Granola flow, step 1: Welcome and Sign In 1

Step 1 of 18

App launch

Welcome and Sign In 1

How you get here: Leaves the app

Import this flow

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

All 18 steps

Every step, in order

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

  1. Granola flow, step 1: Welcome and Sign In 1
    1

    App launch

    Welcome and Sign In 1

    Leaves the app

  2. Granola flow, step 2: Welcome and Sign In 7
    2

    Tap Continue with Google

    Welcome and Sign In 7

    Shows an alert

  3. Granola flow, step 3: Welcome and Sign In 8
    3

    Tap Continue on alert

    Welcome and Sign In 8

    Leaves the app

  4. Granola flow, step 4: Welcome and Sign In 9
    4

    Scroll down

    Welcome and Sign In 9

    Changes in place

  5. Granola flow, step 5: Welcome and Sign In 10
    5

    Tap Continue on consent

    Welcome and Sign In 10

    Closes

  6. Granola flow, step 6: Onboarding 1
    6

    Sign-in completes

    Onboarding 1

    Slides in from the right

  7. Granola flow, step 7: Onboarding 3
    7

    Tap Continue anyway

    Onboarding 3

    Slides in from the right

  8. Granola flow, step 8: Onboarding 4
    8

    Tap Get app for desktop

    Onboarding 4

    Slides up from the bottom

  9. Granola flow, step 9: Onboarding 6
    9

    Tap Done

    Onboarding 6

    Slides in from the right

  10. Granola flow, step 10: Onboarding 7
    10

    Scroll down

    Onboarding 7

    Changes in place

  11. Granola flow, step 11: Onboarding 8
    11

    Scroll down

    Onboarding 8

    Changes in place

  12. Granola flow, step 12: Onboarding 9
    12

    Tap Other

    Onboarding 9

    Changes in place

  13. Granola flow, step 13: Onboarding 10
    13

    Tap Next

    Onboarding 10

    Slides in from the right

  14. Granola flow, step 14: Onboarding 11
    14

    Tap Customer facing

    Onboarding 11

    Changes in place

  15. Granola flow, step 15: Onboarding 12
    15

    Tap Next

    Onboarding 12

    Slides in from the right

  16. Granola flow, step 16: Onboarding 13
    16

    Tap Not now

    Onboarding 13

    Slides in from the right

  17. Granola flow, step 17: Home and Search 1
    17

    Tap Get started

    Home and Search 1

    Slides in from the right

  18. Granola flow, step 18: Home and Search 2
    18

    Notes finish loading

    Home and Search 2

    Changes in place

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

More flows from Granola

Messaging

7 screens

Editable
1Tap chat button on home
2Type a question
3Tap send
4Reply finishes

Steps 1–4 of 7, in recording order

Open flow

Messaging

7 screens

Editable
1Tap Create folder
2Tap composer and type
3Tap send
4Response starts streaming

Steps 1–4 of 7, in recording order

Open flow

Get real flows
free in Figma

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