Diagram Studio

Build mind maps and flowcharts with live Mermaid output.

What it is

Diagram Studio builds structured mind maps and flowcharts, with live Mermaid output.

Where to find it

Open the App Drawer and look under Studios. The resting drawer shows only the studios you have pinned, so if you do not see Diagram Studio there, type its name into the drawer search — every available studio is reachable that way.

How to use it

Build the structure visually; the Mermaid definition is produced as you go. Save it as an asset and place it in a page or an app.

Use cases

Mapping a process. Explaining a structure to someone else without leaving the platform.

Gotchas

The inventory refers to “Diagram + Mermaid” as if they were two surfaces. In the app there is one: Diagram Studio, which produces Mermaid. If the Mermaid output is confusing, fix the visual structure first instead of hand-editing generated text elsewhere. Save the diagram asset before placing it in a page, then preview that page on mobile for wrapping issues.

Related pages

Section index