Salesforce Flow Visualizer

Visualize Salesforce Flow metadata as interactive diagrams — offline, no org connection required.

Features

Flow Diagram Panel

Open any flow from the sidebar, context menu, or command palette and see a live, interactive node diagram rendered by Mermaid.js. Click any subflow node to drill into the referenced flow.

Cross-Flow Call Graph

See the full automation landscape in one diagram: which flows call which other flows, across your entire workspace.

Sidebar Flow Explorer

All .flow-meta.xml files discovered in your workspace appear in the Flow Visualizer sidebar. Click any entry to open its diagram.

Invocation Origins

For any flow, discover every place it can be invoked:

• Record triggers (Before/After Save, Before/After Delete)
• Scheduled triggers
• Platform event subscriptions
• Apex calls (Flow.Interview.createInterview)
• Screen flows embedded in Lightning pages, Quick Actions, and Experience Cloud
• Subflow references from parent flows

Origins for auto-launched flows are shown instantly (read from cached parse data). External callers are populated by an async workspace scan.

Workspace Flow Report

Generate a full HTML report of all flows in your workspace: type, invocation origin count, subflow relationships, and potential anti-patterns.

Commands

Installation

Search for Salesforce Flow Visualizer in the Extensions view (Ctrl+Shift+X) and click Install.

Prerequisites:

• VS Code 1.85.0 or later
• A Salesforce DX project with .flow-meta.xml files retrieved locally

Usage

Viewing a Flow Diagram

1. Open a Salesforce DX workspace containing retrieved flow metadata.
2. The Flow Visualizer sidebar lists all discovered flows.
3. Click any flow — or right-click a .flow-meta.xml file and choose Open Flow Diagram.
4. The diagram renders immediately from local files (no org required).

Discovering Invocation Origins

1. Right-click a .flow-meta.xml file → Show Invocation Origins.
2. The panel opens and immediately shows trigger-origin rows from cached parse data.
3. A workspace scan runs asynchronously and adds external callers (parent flows, Lightning pages, Quick Actions, Apex classes, LWC/Aura components).

Generating a Report

Run SFV: Generate Flow Analysis Report from the command palette. An interactive HTML report opens in a new panel.

Requirements

• VS Code 1.85.0+
• Salesforce DX project with locally retrieved .flow-meta.xml files
• No org connection needed for visualization features