Show HN: VibeSchema DBML to PNG – instant diagram PNG from DBML schemas

SsgMshdPotatoes2 pts0 comments

DBML to PNG | Quick, Free Diagram Image

DBML Schema to Diagram PNG Tool

How It Works<br>Paste your DBML. DBML (Database Markup Language) is a convenient, well-known language for defining database schemas. A brief DBML reference is given below.<br>Click Generate. VibeSchema lays out your tables automatically and renders a diagram preview.<br>Download the PNG. Click Download PNG to save a high-resolution image of your diagram.<br>Want an SVG instead? Use the DBML to SVG tool.<br>Quick DBML reference<br>Tables<br>Table users {<br>id integer<br>name varchar<br>email varchar<br>created_at timestamp<br>} Tables with constraints<br>Table users {<br>id integer [pk]<br>email varchar [unique, not null]<br>name varchar [not null]<br>role varchar [default: 'member']<br>created_at timestamp<br>} Relationships — inline and standalone<br>// Inline ref on the column<br>Table posts {<br>id integer [pk]<br>user_id integer [ref: > users.id]<br>title varchar

// Standalone ref block<br>Ref: comments.post_id > posts.id Enums<br>Enum order_status {<br>pending<br>processing<br>shipped<br>cancelled

Table orders {<br>id integer [pk]<br>status order_status [default: 'pending']<br>} Relationship cardinality<br>// Many-to-one (many orders belong to one user)<br>Ref: orders.user_id > users.id

// One-to-many (one user has many orders)<br>Ref: users.id Many-to-many (junction tables)

VibeSchema does not render the DBML <> many-to-many shorthand.<br>Model the relationship with an explicit junction table instead, which gives you two separate<br>one-to-many edges in the diagram and lets you attach extra columns to the relationship.

Table students {<br>id integer [pk]<br>name varchar

Table courses {<br>id integer [pk]<br>title varchar

Table enrollments {<br>student_id integer [ref: > students.id]<br>course_id integer [ref: > courses.id]<br>enrolled_at timestamp<br>grade varchar<br>} Why Export DBML as PNG

Embedding a DBML diagram image in your README, wiki, or design doc makes the data model immediately understandable to anyone on the team.<br>A single PNG can replace pages of written explanation when onboarding new developers or reviewing a database design.

DBML diagram images are also useful for architecture reviews, technical blog posts, and slide decks.<br>Because VibeSchema's PNG export renders the full canvas at high resolution and adapts to the size of the actual schema,<br>the output looks sharp whether it's displayed inline or projected on a screen.

Comparing Two Schemas?

If you want to visualize what changed between two versions of a schema, use the<br>Database Diagram Diff Tool.<br>Paste a before and after schema and get a color-coded diagram showing exactly what was added, modified, or removed.

Free, No Sign-Up<br>VibeSchema is free to use. No account required. Paste your DBML above and download the PNG.

&copy; 2026 VibeSchema &middot; [email protected]

dbml diagram integer varchar table vibeschema

Related Articles