Diagram Now Docs

Mermaid editing, live preview, and draw.io export guide

What is Diagram Now?

Diagram Now is a lightweight flowchart tool. You can edit Mermaid syntax directly and preview the rendered chart live, or let AI turn PRDs, business rules, and review notes into a Mermaid draft.

Core Workflow

  1. Open the Diagram Now page.
  2. Write Mermaid code directly, or paste process text and let AI generate a draft.
  3. Edit Mermaid code on the left and watch the preview update on the right.
  4. Download the result as SVG or .drawio.

Supported Diagram Scope

V1 focuses on Mermaid flowchart diagrams. A recommended starting point:

flowchart TD
  A[Start] --> B{Approved?}
  B -- Yes --> C[Continue]
  B -- No --> D[Revise]

Export Notes

  • Download Mermaid SVG: save the rendered Mermaid chart as an SVG file.
  • Download draw.io file: convert the current Mermaid flowchart into an editable .drawio file.
  • Mermaid code can be copied into Markdown, PRDs, or technical docs.

Not Supported Yet

  • Online drag-and-drop canvas editing
  • Collaboration
  • Template library
  • Version history
  • Sequence diagrams, architecture diagrams, or other non-flowchart types