Prisma Schema Visualizer

How it works

1. Copy the contents of your schema.prisma.
2. Paste it into the visualizer — Prisma is auto-detected.
3. Each model becomes a table; @relation fields become relations with the right cardinality.
4. Drag to arrange, then export PNG/SVG or convert to DBML/Mermaid.

Example

Paste a schema like this:

model User {
  id    Int    @id @default(autoincrement())
  email String @unique
  posts Post[]
}
model Post {
  id       Int  @id @default(autoincrement())
  author   User @relation(fields: [authorId], references: [id])
  authorId Int
}

…and the visualizer draws User and Post with a relation between them. Try it with your own →

Guide

The Prisma ecosystem's own visualization options all require running things: prisma-erd-generator (renders at prisma generate time into a static SVG), or third-party CLIs that read the schema file. This page skips the toolchain entirely — paste the contents of schema.prisma and the ER diagram renders in the browser, interactive and exportable.

When that's the better path:

• Code review — paste a PR's proposed schema change and look at the relations before approving.
• Restricted machines — no npm install, no generator in the build; a browser tab is enough.
• Multi-file schemas — concatenate your schema/ folder files and paste once.
• Sensitive schemas — the schema text never leaves the tab.

Models render with all scalar fields, enums attach to their columns, @relation attributes draw with correct cardinality, and implicit many-to-many relations draw as a direct edge between the models. From the same render you can export DBML (for dbdiagram), Mermaid (for Markdown), or PNG/SVG for docs — the visualizer is also a converter.

Why use it

• Private: everything runs in your browser — nothing is uploaded or stored on a server.
• Reads schema.prisma directly — no prisma generate or extra tooling.
• Interactive: drag tables, auto-arrange, hide noise, add notes, and manually link columns.
• Convert to DBML, Mermaid, PlantUML, PNG or SVG.
• Free & open source — no account, no sign-up.

FAQ

Is there a way to visualize Prisma schema models and their relations graphically?

Yes — paste your schema.prisma here and every model and @relation is drawn as an interactive ER diagram, instantly and for free.

Do I need to run Prisma or install anything?

No. It reads the schema text directly in your browser — nothing is generated, executed or uploaded.

Is my schema uploaded anywhere?

No. Everything runs locally in your browser — your schema is never uploaded to or stored on any server.

Can I export the diagram?

Yes — export a high-resolution PNG or vector SVG, copy the schema as Mermaid, DBML or PlantUML, or share a link that encodes the whole diagram in the URL.

Is it free?

Yes. It is completely free and open source, with no account or sign-up required.

Related