Skip to content

Onboarding personalisation on Duolingo

Browse the course list, select a language, expand and collapse groups for speakers of other languages, scroll to the subject courses and continue while the course is built.

Editable

DuolingoiOS8 steps

See all onboarding personalisation flows across apps

Play the flow

Duolingo flow, step 1: Course choice 1

Step 1 of 8

Tap Get started

Course choice 1

How you get here: Slides in from the right

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. Duolingo flow, step 1: Course choice 1
    1

    Tap Get started

    Course choice 1

    Slides in from the right

  2. Duolingo flow, step 2: Course choice 2
    2

    Tap Spanish

    Course choice 2

    Changes in place

  3. Duolingo flow, step 3: Course choice 3
    3

    Tap group header to collapse

    Course choice 3

    Changes in place

  4. Duolingo flow, step 4: Course choice 4
    4

    Tap 'For Arabic speakers'

    Course choice 4

    Changes in place

  5. Duolingo flow, step 5: Course choice 5
    5

    Scroll down

    Course choice 5

    Changes in place

  6. Duolingo flow, step 6: Course choice 6
    6

    Tap 'For Italian speakers'

    Course choice 6

    Changes in place

  7. Duolingo flow, step 7: Course choice 7
    7

    Scroll down

    Course choice 7

    Changes in place

  8. Duolingo flow, step 8: Course choice 8
    8

    Tap Continue with Chess

    Course choice 8

    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.