Flowzen

Visual node-and-link editor for .flz files in VS Code and Cursor. Build flows with shapes and links, write rich notes on each node, and switch to View mode for clean presentations.

Install

Search Flowzen in the VS Code Extensions view, or install from the Marketplace under publisher KolliparaNithin.

Quick start

1. Command Palette → Flowzen: New File
2. Drag shapes from the sidebar onto the canvas
3. Connect nodes and click a node to edit title, color, and notes
4. Toggle View to present without edit controls

Features

• Custom .flz JSON format — git-friendly, shareable files
• Shapes: rectangle, rounded, diamond, circle, parallelogram
• Glassy node colors, edge labels, orthogonal links
• Edit / View modes (View saved on the file)
• Arrange, snap-to-grid, align, search, copy/paste
• Rich markdown descriptions per node (bold, headings, lists, code)

Toolbar

File format

.flz is the Flowzen document format — compact JSON for flow diagrams.

{
  "version": 1,
  "mode": "view",
  "viewport": { "x": 0, "y": 0, "zoom": 1 },
  "nodes": [],
  "edges": []
}

Send a .flz file to anyone with Flowzen installed — layout, titles, and notes open the same way.