Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>DBML Schema VisualizerNew to Visual Studio Code? Get it now.
DBML Schema Visualizer

DBML Schema Visualizer

konyshev.av

| (0) | Free
Visualize DBML schemas as ERD diagrams, import from PostgreSQL, and compare with a live database.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

DBML ERD Visualizer

Visualize a database schema as an entity-relationship diagram from a .dbml file in VS Code.

Fork. Published as konyshevav.dbml-schema-visualizer. Based on BOCOVO/db-schema-visualizer (MIT License).

Features

Demo

  • Entity-relationship diagram from your DBML file
  • Drag tables; positions can be stored in a MetaInfo block inside the DBML file
  • Light and dark themes
  • Display modes: all columns, relational columns only, or table headers only
  • Export diagram as PNG, SVG, or AsciiDoc
  • Hide/show relations per table; Alt+H comments refs in DBML for the table under the cursor
  • Import from PostgreSQL — command palette → DBML: Import from database
  • Compare with database — open a .dbml file, then DBML: Compare with database

Extension settings

  • dbmlERDPreviewer.preferredTheme — light or dark (default: dark)
  • dbmlERDPreviewer.scrollDirection — up-out or up-in (default: up-out)

Release notes

CHANGELOG.md

Attribution

Upstream BOCOVO/db-schema-visualizer by @BOCOVO
This fork AKonyshev/db-schema-visualizer by @AKonyshev

Licensed under the MIT License.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft