Skip to content

Add a photo to a note on Otter

Open the add menu on a transcript, allow the camera, add a photo, then edit its description and open it full screen.

Editable

OtteriOS8 steps

See all capture & scan flows across apps

Play the flow

Otter flow, step 1: Transcript 1

Step 1 of 8

Tap expand

Transcript 1

How you get here: Opens full screen

Import this flow

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

All 8 steps

Every step, in order

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

  1. Otter flow, step 1: Transcript 1
    1

    Tap expand

    Transcript 1

    Opens full screen

  2. Otter flow, step 2: Transcript 2
    2

    Tap +

    Transcript 2

    Changes in place

  3. Otter flow, step 3: Transcript 3
    3

    Tap Take photo

    Transcript 3

    Shows an alert

  4. Otter flow, step 4: Transcript 4
    4

    Tap Use picture

    Transcript 4

    Closes

  5. Otter flow, step 5: Transcript 5
    5

    Tap +

    Transcript 5

    Changes in place

  6. Otter flow, step 6: Transcript 7
    6

    Long-press photo

    Transcript 7

    Changes in place

  7. Otter flow, step 7: Transcript 8
    7

    Tap Edit description

    Transcript 8

    Shows an alert

  8. Otter flow, step 8: Transcript 11
    8

    Tap photo

    Transcript 11

    Opens full screen

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.