Skip to content

Sign up on Claude

Open the app, continue with Google, share an age range, accept the terms, confirm a name, choose whether chats help train models, compare plans, stay on Free and send a first message.

Editable

ClaudeiOS12 stepsFree sample

See all sign up flows across apps

Play the flow

Claude flow, step 1: Welcome and Sign In 1

Step 1 of 12

Open the app

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 12 screens into your file as editable layers.

All 12 steps

Every step, in order

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

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

    Open the app

    Welcome and Sign In 1

    Leaves the app

  2. Claude flow, step 2: Welcome and Sign In 2
    2

    App finishes launching

    Welcome and Sign In 2

    Changes in place

  3. Claude flow, step 3: Onboarding 1
    3

    Tap Continue with Google

    Onboarding 1

    Shows an alert

  4. Claude flow, step 4: Onboarding 2
    4

    Complete web sign-in

    Onboarding 2

    Slides in from the right

  5. Claude flow, step 5: Onboarding 3
    5

    Tick the terms checkbox

    Onboarding 3

    Changes in place

  6. Claude flow, step 6: Onboarding 4
    6

    Tap Continue

    Onboarding 4

    Slides in from the right

  7. Claude flow, step 7: Onboarding 5
    7

    Tap Continue

    Onboarding 5

    Slides in from the right

  8. Claude flow, step 8: Plans 1
    8

    Tap Continue

    Plans 1

    Slides in from the right

  9. Claude flow, step 9: Plans 2
    9

    Tap Max segment

    Plans 2

    Changes in place

  10. Claude flow, step 10: Plans 3
    10

    Tap Free segment

    Plans 3

    Changes in place

  11. Claude flow, step 11: Chat 1
    11

    Tap Stay on Free, type

    Chat 1

    Slides in from the right

  12. Claude flow, step 12: Chat 2
    12

    Send message

    Chat 2

    Slides in from the right

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

More flows from Claude

Create

10 screens

Editable
1Go back to chat, ask
2Open drawer, tap Projects
3Tap New project, type
4Save, tap Instructions

Steps 1–4 of 10, in recording order

Open flow
Editable
1Tap avatar in drawer
2Tap Profile
3Back, tap Billing
4Back, tap Time & focus

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.