Prisma Schema Visualizer

How It Works

  1. Paste your Prisma schema. The contents of schema.prisma, models and enums included. The conversion is exact, no AI involved.
  2. Click Generate. Models become tables, relations become edges, and everything is laid out automatically. The result is a live diagram: zoom, and drag tables to fine-tune the layout.
  3. Download the image. PNG for docs and slides, SVG for wikis and anything that scales. The sun and moon button switches between a dark and a light diagram. Or click Open in VibeSchema to keep working on the schema in the full editor.

What the Converter Understands

  • Relations.@relation foreign keys become edges, including composite keys and onDelete actions. An FK on a @unique field renders as one-to-one.
  • Implicit many-to-many. Mutual list fields produce the _AToB junction table Prisma actually creates in your database, wired to both models, so the relationship shows up as real edges.
  • Enums become enum nodes, and enum-typed columns stay linked to them.
  • Database names.@map, @@map, and @@schema resolve, so the diagram shows the names that are actually in your database.
  • Keys and indexes.@id, @@id, @@unique, and @@index carry over as primary keys, unique markers, and index entries.
  • Defaults.autoincrement(), now(), dbgenerated(), and literals carry over. Client-side generators like uuid() and cuid() are dropped, since they never reach the database.
  • Abstract types kept. Columns show String, Int, DateTime as you wrote them; @db.* native overrides are ignored.

Keep Working on It

The diagram is backed by a converted DBML schema. Click Open in VibeSchema to continue in the full editor: chat with AI to evolve the schema, edit the DBML directly, rearrange tables by hand, store your schemas as projects with snapshot history, and export the result as an image or DBML file.

Coming From Another Format?

The tool above also reads PostgreSQL, MySQL, and SQLite DDL, DBML, and Mermaid ER diagrams exactly. Using Drizzle instead? The Drizzle Schema Visualizer handles TypeScript schema files. And if you'd rather pull the schema from a running database, the PostgreSQL, Supabase, and MySQL visualizer pages give you a read-only introspection query to run and paste.

Free, No Sign-Up

VibeSchema is free to use. No account required. Paste your schema above and download the diagram.