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 →

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