Skip to content
Try free

Take a lesson on Duolingo

Work through speaking, matching pairs, translation, listening, fill-in-the-blank and typing exercises with correct, incorrect and typo feedback, then review earlier mistakes and finish the lesson.

Editable

DuolingoiOS23 steps

Play the flow

Duolingo flow, step 1: Lesson 1

Step 1 of 23

Start the lesson

Lesson 1

How you get here: Slides in from the right

Import this flow

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

All 23 steps

Every step, in order

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

  1. Duolingo flow, step 1: Lesson 1
    1

    Start the lesson

    Lesson 1

    Slides in from the right

  2. Duolingo flow, step 2: Lesson 2
    2

    Tap Can't speak now

    Lesson 2

    Changes in place

  3. Duolingo flow, step 3: Lesson 3
    3

    Tap Continue

    Lesson 3

    Slides in from the right

  4. Duolingo flow, step 4: Lesson 4
    4

    Tap Check with wrong answer

    Lesson 4

    Changes in place

  5. Duolingo flow, step 5: Lesson 5
    5

    Tap Got it

    Lesson 5

    Slides in from the right

  6. Duolingo flow, step 6: Lesson 6
    6

    Tap words in bank

    Lesson 6

    Changes in place

  7. Duolingo flow, step 7: Lesson 7
    7

    Tap Continue

    Lesson 7

    Slides in from the right

  8. Duolingo flow, step 8: Lesson 8
    8

    Pick word, tap Check

    Lesson 8

    Changes in place

  9. Duolingo flow, step 9: Lesson 9
    9

    Build answer, tap Check

    Lesson 9

    Changes in place

  10. Duolingo flow, step 10: Lesson 10
    10

    Listening exercise opens while muted

    Lesson 10

    Slides up from the bottom

  11. Duolingo flow, step 11: Lesson 11
    11

    Tap Got it

    Lesson 11

    Closes

  12. Duolingo flow, step 12: Lesson 12
    12

    Tap Continue

    Lesson 12

    Slides in from the right

  13. Duolingo flow, step 13: Lesson 13
    13

    Pick option, tap Check

    Lesson 13

    Changes in place

  14. Duolingo flow, step 14: Lesson 14
    14

    Tap Continue

    Lesson 14

    Slides in from the right

  15. Duolingo flow, step 15: Lesson 15
    15

    Tap both chips

    Lesson 15

    Changes in place

  16. Duolingo flow, step 16: Lesson 16
    16

    Tap Continue

    Lesson 16

    Slides in from the right

  17. Duolingo flow, step 17: Lesson 17
    17

    Type word, tap Check

    Lesson 17

    Changes in place

  18. Duolingo flow, step 18: Lesson 18
    18

    Tap Continue after last exercise

    Lesson 18

    Changes in place

  19. Duolingo flow, step 19: Lesson 19
    19

    Tap Continue

    Lesson 19

    Changes in place

  20. Duolingo flow, step 20: Lesson 20
    20

    Tap Check

    Lesson 20

    Changes in place

  21. Duolingo flow, step 21: Lesson 21
    21

    Tap Got it, tap words

    Lesson 21

    Changes in place

  22. Duolingo flow, step 22: Lesson 22
    22

    Tap Check

    Lesson 22

    Changes in place

  23. Duolingo flow, step 23: Lesson complete 3
    23

    Tap Way to go

    Lesson complete 3

    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

All 31 Duolingo flows

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

Edit profile

13 screens

Editable
1Tap More tab
2Tap Profile in More menu
3Tap avatar placeholder
4Tap Body tab

Steps 1–4 of 13, in recording order

Open flow

Get real flows
free in Figma

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

Get the free flowsSee pricing