Developers
Mermaid
Insert Mermaid flowcharts, sequence diagrams, and more via slash command.
Overview
Slash command: /mermaid
Type: Editor embed
Open Studio → Developer → Integrations to manage this integration for the current workspace.
What you can do
- Document architecture with flowcharts
- Show sequence diagrams for APIs and workflows
- Add ER diagrams or state machines next to steps
- Keep diagrams editable as text inside the lab
How to set it up
Insert a Mermaid diagram from the lab editor slash menu.
Open a lab
Open a lab in the Studio editor
Insert Mermaid
Type /mermaid or open slash commands and choose Mermaid under Advanced
Edit the diagram source
Edit the diagram source and save
Publish
Publish the lab: learners see the rendered diagram inline