Documentation

Getting started

DiagraFlow keeps the diagram source and rendered canvas together. You can begin from a professional template or write Mermaid directly, then inspect and edit the result.

1. Choose a starting point

Browse the template gallery and select Open in Studio, or sign in and create a blank diagram. A template opens as editable source—not a locked image.

2. Edit the source

Change node labels, connections, or direction in the source pane. DiagraFlow renders your changes on the canvas. For example: 

flowchart LR
  Idea --> Draft --> Review --> Publish

3. Check and export

Resolve any syntax message, choose a theme, then export as SVG, PNG, PDF, or Mermaid source. Keep the source file when you want the diagram to remain portable and editable.

Next steps