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
- Open the
Diagram Nowpage. - Write Mermaid code directly, or paste process text and let AI generate a draft.
- Edit Mermaid code on the left and watch the preview update on the right.
- 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.drawiofile.- 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