Skip to content

Record a conversation on Otter

Tap record on home, allow the microphone, see the consent reminder and watch the live transcript build.

Editable

OtteriOS5 steps

See all create flows across apps

Play the flow

Otter flow, step 1: Home 1

Step 1 of 5

Close paywall

Home 1

How you get here: Closes

Import this flow

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

All 5 steps

Every step, in order

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

  1. Otter flow, step 1: Home 1
    1

    Close paywall

    Home 1

    Closes

  2. Otter flow, step 2: Home 2
    2

    Tap record button

    Home 2

    Changes in place

  3. Otter flow, step 3: Recording 1
    3

    Tap record button

    Recording 1

    Shows an alert

  4. Otter flow, step 4: Recording 2
    4

    Allow microphone

    Recording 2

    Slides up from the bottom

  5. Otter flow, step 5: Recording 3
    5

    Speak

    Recording 3

    Changes in place

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

More flows from Otter

Switch to dark mode

Appearance & dark mode13 screens

Editable
1Tap Advanced settings
2Tap Dark
3Open the conversation
4Tap Transcript

Steps 1–4 of 13, in recording order

Open flow

Sign up

12 screens

Editable
1Open the app
2Tap Continue with Google
3Return from Google sign-in
4Signed in, calendar step opens

Steps 1–4 of 12, in recording order

Open flow

Get real flows
free in Figma

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