Metadata Visualizer Extension

The Metadata Visualizer extension turns complex metadata into real-time diagrams. Instead of manually parsing raw metadata or waiting for deployment cycles to validate structure, developers can see how Salesforce metadata is organized and how data flows. This makes complex configurations and code designs easier to understand, analyze, and communicate.

Salesforce does not use customer data to train our LLMs.

The Metadata Visualizer generates visual diagrams in real time from natural language prompts for any associated metadata in the code you build.

With Salesforce Metadata Visualizer, you can:

Visualize metadata generated by AI using Agentforce Vibes or from your SFDX project.
Understand complex metadata through clear visual diagrams.
Customize diagram views based on a selected theme.
See key elements such as fields, relationships, and properties.

Data Model: Navigate through metadata relationships with zoom, pan, and click interactions.

Agent Script: Navigate an agent structure and routing paths with clickable cards and drill-down interactions.

Flow: Navigate flow execution paths with collapsible elements and clickable nodes.

Real-Time Visualizations: Get real-time visualizations as you edit metadata files.

Agentforce Vibes Integration: Visualize metadata generated by Agentforce Vibes.

Metadata Type	Visualizer Details	Key Capabilities
Data Model	Visualize the metadata structure of objects, fields, and relationships in your SFDX project through an interactive entity relationship diagram (ERD). Launch the visualizer directly from any object or field XML file in your project. The diagram automatically centers on your “root” object and dynamically displays all related objects within its relationship hierarchy.	Object Identification: High-level view of standard objects (blue) and custom objects (purple). Relationship Semantics: Visual distinction between master-detail (solid lines) and lookup (dashed lines) relationships. Smart UI: Collapsible sections for standard fields and hover states for field descriptions and help text. Canvas: Drag objects to rearrange the layout. Zoom and pan the diagram. A legend displays the object types and relationship lines.
Flexipages (Beta)	Visualize the Flexipage metadata with all the regions, components, fields and their properties easily.	Structure Tree: Browse the full page hierarchy including regions, components, and fields. Expand or collapse nodes to show or hide nested items. Details Panel: Select any node to view its properties in a key/value grid. Overview Bar: View the master label, API name, template, and region count at a glance.
Agent Script	Visualize an agent’s structure and routing paths from the agent script files in an interactive hierarchy diagram. Launch the visualizer directly from any agent file in your project. Right-click it in your folder structure, or select Visualize after creating an agent in Agentforce Vibes. The diagram automatically centers on your main agent and displays a top-down hierarchy showing how incoming requests flow from the start agent to each subagent. Select any subagent card to view its full configuration.	Main Agent View Agent Identification: High-level view of the main agent (purple), a start agent (green) that routes requests, and subagents (blue) below. Subagent View Subagent Configuration: Subagent cards show name and action count. Hover for description, or select to view the full description and links to system instructions and messages. Actions: Detailed view of all actions available to the subagent. Before Reasoning: Instructions the subagent follows before reasoning about a request. Reasoning: Processing flows executed by the subagent to evaluate a request. The Actions Available for Reasoning section lists the actions the subagent can invoke during this phase. After Reasoning: Instructions the subagent follows after reaching a decision. Canvas: Zoom and pan the diagram. A legend displays the agent types and routing paths.
Flow	Visualize the execution paths and decision logic of a flow from a flow metadata file in an interactive flowchart diagram. Launch the visualizer directly from any flow file in your project. The diagram displays the complete flow structure. Select any element to view its details in the left panel.	Flow Information: Flow properties and resources displayed in an expandable sidebar. Execution Paths: Solid lines show the sequence between elements. Dotted lines indicate fault paths. Navigation Controls: Collapse or expand an individual decision or loop. Use Collapse All / Expand All to collapse or expand every branch and fault path at once. Canvas: Zoom and pan the diagram. A legend displays the element types and connectors in the flow.