Too many roles to fit on one row

Split the chart by team, or change the first line to LR. Export the PNG at 3x so the text stays readable when the slide is scaled down.

Can I mark a team as "being formed" with a dashed box?

Use a dashed connector instead: CTO -.- SEC[Security (forming)]. It is simpler than adding styles and keeps the theme colours intact.

Preview and export use the system font stack (San Francisco on macOS, Segoe UI on Windows), with no external font files, which is why the export can be generated entirely in your browser.

Engineering Department Org Chart Template

Engineering department chart with a head of engineering, product, frontend, backend, QA and operations teams, and headcount on each role. For team introductions, hiring material and reports, exported as PNG, Word or PowerPoint for free.

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

Open in the editorFree · No sign-up · No watermark

Edit the text, pick a theme, export Word / PowerPoint / PDF

When to use it

Team introductions, quarterly reviews and the team-structure section of a job description. Leaf nodes carry the role and headcount, so team size and split are visible at a glance.

Making it yours

Change the numbers directly, or drop the ×2 suffix if you do not want headcount shown.
Add a team with CTO --- SEC[Security] and give it role nodes.
To organise by product line instead of function, make the second level the product lines and put each line's engineers underneath.
Ink Teal suits documents; switch to Cinnabar or Indigo for slides.

Mermaid code

flowchart TB
    CTO[Head of engineering]
    CTO --- PM[Product]
    CTO --- FE[Frontend]
    CTO --- BE[Backend]
    CTO --- QA[QA]
    CTO --- OPS[Operations]
    PM --- PM1[Product managers ×2]
    PM --- PM2[UX designer ×1]
    FE --- FE1[Web engineers ×3]
    FE --- FE2[Mobile engineers ×2]
    BE --- BE1[Application engineers ×4]
    BE --- BE2[Data platform ×2]
    QA --- QA1[Test engineers ×2]
    QA --- QA2[Automation ×1]
    OPS --- OPS1[SRE ×2]

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.

Draw an engineering department org chart in Mermaid flowchart TB syntax: a head of engineering with Product, Frontend, Backend, QA and Operations teams, each listing roles and headcount (for example "Application engineers ×4"). Use plain connectors --- without arrowheads between levels. Output only the mermaid code block.

FAQ

Too many roles to fit on one row: Split the chart by team, or change the first line to LR. Export the PNG at 3x so the text stays readable when the slide is scaled down.
Can I mark a team as "being formed" with a dashed box?: Use a dashed connector instead: CTO -.- SEC[Security (forming)]. It is simpler than adding styles and keeps the theme colours intact.
Which font is used?: Preview and export use the system font stack (San Francisco on macOS, Segoe UI on Windows), with no external font files, which is why the export can be generated entirely in your browser.

More in this category

All templates

Updated 2026-09-05