Flowchart

Lesson design framework diagram template

A lesson design framework diagram with five layers: analysis, objectives, lesson sequence, assessment and reflection, with the lesson laid out from hook to closure. Use it in lesson plans and portfolios, then export PNG, SVG, Word or PowerPoint free.

Reflection

Were objectives met

What to change next time

Assessment

Questioning and observation

Exit ticket

Homework

Lesson sequence

Hook

Direct instruction

Guided practice

Independent practice

Closure

Objectives

Know

Understand

Be able to do

Analysis

Standards

Content

Learner needs

Previewed in the “Cinnabar” theme; you can switch themes in the editor

When to use it

Use it at the top of a lesson plan, in a teaching portfolio, or in a teacher education assignment to show the thinking behind a lesson. The five layers run from analysis to reflection, and the third layer is the lesson itself.

Make it yours

  • If you plan with backward design, move Assessment above Lesson sequence.
  • Change the lesson sequence for your lesson type; a lab lesson might add "Group investigation".
  • Add timing after each step, such as "Hook, 5 min".

Mermaid code

lesson-design-roadmap.mmd
flowchart TB
    subgraph T1[Analysis]
        direction LR
        A1[Standards] --> A2[Content] --> A3[Learner needs]
    end
    subgraph T2[Objectives]
        direction LR
        B1[Know] --> B2[Understand] --> B3[Be able to do]
    end
    subgraph T3[Lesson sequence]
        direction LR
        C1[Hook] --> C2[Direct instruction] --> C3[Guided practice] --> C4[Independent practice] --> C5[Closure]
    end
    subgraph T4[Assessment]
        direction LR
        D1[Questioning and observation] --> D2[Exit ticket] --> D3[Homework]
    end
    subgraph T5[Reflection]
        direction LR
        E1[Were objectives met] --> E2[What to change next time]
    end
    T1 --> T2 --> T3 --> T4 --> T5

Ask an AI for one with this structure

Send the prompt below to ChatGPT or Claude, then paste the whole reply into the editor; the code inside is detected automatically.

prompt.txt
Draw a lesson design framework diagram with Mermaid flowchart TB syntax. Use five subgraphs for Analysis, Objectives, Lesson sequence, Assessment and Reflection. Inside each subgraph use direction LR; the lesson sequence contains Hook, Direct instruction, Guided practice, Independent practice and Closure. Connect the layers top to bottom with arrows. Do not use parentheses in node text. Output only the mermaid code block.

FAQ

Where does this diagram go in a lesson plan?

Usually before the step-by-step procedure, as an overview of the design that the procedure then expands.

How do I show teacher and student activity?

Add a line break in the node, such as Guided practice<br/>pairs. For more detail, make a swimlane with one lane for the teacher and one for students.

Does it work for a unit plan?

Yes. Replace the lesson sequence layer with the topics of each lesson and keep the other layers.

More in this category

All templates

Updated 2026-11-11