Sign up
12 screens
Steps 1–4 of 12, in recording order
Open flowSwitch to dark mode on Otter
Set dark mode in advanced settings, then browse the conversation, transcript, AI chat, home, folders, profile and settings in the dark theme.
Editable
OtteriOS13 steps
Import this flow
Every app’s free flow imports free, no card needed.
See all appearance & dark mode flows across appsPlay the flow
Step 1 of 13
Tap Advanced settings
Settings 10
How you get here: Slides in from the right
Import this flow
Open the SuperDuper UI plugin in Figma to paste these 13 screens into your file as editable layers.
All 13 steps
Use ← → to step through
Every step, in order
Each screen in the order it was recorded, with how the user got there.
- 1
Tap Advanced settings
Settings 10
Slides in from the right
2Tap Dark
Settings 11
Changes in place
3Open the conversation
Conversation 10
Slides in from the right
4Tap Transcript
Transcript 31
Switches tab
5Tap AI Chat
Ask Otter 15
Opens full screen
6Tap the history menu
Ask Otter 16
Slides in from the right
7Tap Learn about AI Chat
Ask Otter 17
Changes in place
8Tap more button
Transcript 32
Changes in place
9Open folder
Home 10
Slides in from the right
10Tap folder name switcher
Home 11
Slides up from the bottom
11Tap Home
Home 12
Goes back
12Tap profile avatar
Account 2
Slides in from the right
13Tap Account Settings
Settings 12
Slides in from the right
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
Editable
Highlight while recording
Create10 screens
Steps 1–4 of 10, in recording order
Open flowGet real flows
free in Figma
All of WhatsApp, and a complete flow from every app. No card needed.