Metadata Visualizer installs statistics

Metadata Visualizer

Overview

The Metadata Visualizer extension by Salesforce makes it easier to understand complex metadata by transforming raw files into clear, intuitive visual representations. This enables developers to quickly grasp structure, relationships, and configurations without the need for deep code analysis.

The extension is available in the VS Code Marketplace and Open VSX.

Go to Metadata Visualizer Documentation to learn more.

Metadata Visualizer is enabled by default. Any developer with access to a Salesforce org can use the extension and visualize metadata in their code.

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

<div align=center> <img src="https://github.com/forcedotcom/salesforce-metadata-visualizer-support/raw/main/assets/Pan_Zoon_Visualization.gif" width="750"> </div> <p>&nbsp;</p>

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

<div align=center> <img src="https://github.com/forcedotcom/salesforce-metadata-visualizer-support/raw/main/assets/agent.gif" width="750"> </div> <p>&nbsp;</p>

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

<div align=center> <img src="https://github.com/forcedotcom/salesforce-metadata-visualizer-support/raw/main/assets/flow.gif" width="750"> </div> <p>&nbsp;</p>

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

<div align=center> <img src="https://github.com/forcedotcom/salesforce-metadata-visualizer-support/raw/main/assets/Visualization_Live_Edits.gif" width="750"> </div> <p>&nbsp;</p>

• Agentforce Vibes Integration: Visualize metadata generated by Agentforce Vibes.

<div align=center> <img src="https://github.com/forcedotcom/salesforce-metadata-visualizer-support/raw/main/assets/Visualization_AfVibes_integration.gif" width="750"> </div>

Note: Salesforce does not use customer data to train our LLMs.

Prerequisites

Before you set up Salesforce Metadata Visualizer, make sure that you have these essentials.

• Visual Studio Code. See Minimum Version.
• Salesforce Extensions for Visual Studio Code and its prerequisites.

What can Salesforce Metadata Visualizer Do?

Use Salesforce Metadata Visualizer extension to:

• Visualize metadata generated by AI using Agentforce Vibes or from your SFDX project.
• Easily understand complex metadata through visual representation.
• See customizable views based on a selected theme.
• See key elements such as fields, relationships, and properties.

Accessing Visualizations

For supported metadata files, use the extension to view an interactive visual representation.

• From a file tab: Open a metadata file and click Visualize in the upper-right corner of the editor tab.
• From the context menu: In the Explorer pane, right-click a metadata file and click Visualize.
• From Agentforce Vibes: When Agentforce Vibes creates or modifies a metadata file, a card appears with a Visualize button.

A split panel opens by default displaying the visualization. You can switch to a full-screen view.

Settings

• Auto Load Visualization: Click the Settings icon in the visualization pane and select the checkbox to automatically visualize files when you open them.
• Plugin Visibility: Use the Settings icon to show or hide visualizations for specific plugins.

Bugs and Feedback

To report issues with Salesforce Metadata Visualizer, open a bug on GitHub. If you would like to suggest a feature, create a feature request on GitHub. You can also visit Discussions for questions and feedback.