Onboarding
17 screens




Steps 1–4 of 17, in recording order
Open flowOpen labels on a task, type a new label name, pick a colour, save the label and see it on the task.
TodoistiOS5 steps

Step 1 of 5
Browse and Labels 7
How you get here: Slides up from the bottom
Open the SuperDuper UI plugin in Figma to paste these 5 screens into your file as editable layers.
All 5 steps
Use ← → to step through
Each screen in the order it was recorded, with how the user got there.

Tap Labels chip
Browse and Labels 7
Slides up from the bottom

Tap search, type
Browse and Labels 8
Changes in place

Tap Color row
Browse and Labels 9
Slides in from the right

Pick violet swatch
Browse and Labels 10
Goes back

Confirm new label
Task Detail 8
Closes
Not affiliated with, endorsed or sponsored by Todoist. Todoist is a trade mark of its owner. Recreated for design reference and education. Rights holders: contact us
17 screens




Steps 1–4 of 17, in recording order
Open flowCreate11 screens




Steps 1–4 of 11, in recording order
Open flowAll of WhatsApp, and a complete flow from every app. No card needed.