Skip to content

Tutorial & guided tour on Duolingo

Read the widget prompt, follow two illustrated steps for adding the widget to the home screen, then skip ahead to a daily quest progress update.

Editable

DuolingoiOS4 steps

See all tutorial & guided tour flows across apps

Play the flow

Duolingo flow, step 1: Widget 1

Step 1 of 4

Commit to goal

Widget 1

How you get here: Slides in from the right

Import this flow

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

All 4 steps

Every step, in order

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

  1. Duolingo flow, step 1: Widget 1
    1

    Commit to goal

    Widget 1

    Slides in from the right

  2. Duolingo flow, step 2: Widget 2
    2

    Tap Continue

    Widget 2

    Slides in from the right

  3. Duolingo flow, step 3: Widget 3
    3

    Tap Next

    Widget 3

    Slides in from the right

  4. Duolingo flow, step 4: Lesson complete 2
    4

    Skip widget

    Lesson complete 2

    Slides in from the right

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

More flows from Duolingo

Take a lesson

23 screens

Editable
1Start the lesson
2Tap Can't speak now
3Tap Continue
4Tap Check with wrong answer

Steps 1–4 of 23, in recording order

Open flow

Onboarding

15 screens

Editable
1Open the app
2Tap Get started
3Scroll down
4Tap Continue with Chess

Steps 1–4 of 15, in recording order

Open flow

Get real flows
free in Figma

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