Diagrams as code
Mermaid diagrams and PlantUML, right in your notes
Write Mermaid diagrams and PlantUML diagrams as text, right inside a note, and Foliosodev renders them where they sit. Sequence diagrams, flowcharts, class and ER diagrams stay next to the code they describe.
Two engines, one block
Insert a diagram with /, then pick Mermaid or PlantUML as its engine. Edit the source in its own editor and see the result straight away; open the preview to zoom and pan around a large diagram.
- Mermaid for flowcharts, sequence, state, class and ER diagrams
- PlantUML for the UML your team already writes
- A large preview with zoom and pan
Diagrams you can search and export
Because a diagram is text, it is searchable: the labels in your diagrams are part of the search index. Export the page to Markdown and the diagram comes out as a fenced mermaid or plantuml block, and Mermaid fences render on GitHub and GitLab.
Keep exploring
Write it down once. Find it every time after.
Free to start, Markdown out whenever you want it.