Layers
dbdiagram.io

Development

DBdiagram Integration – Bring Your Data Structure to Life

Embed database schemas from dbdiagram.io into your Pages

  • Database
  • ERD
  • Diagrams

A great schema is the blueprint for great systems.
With the DBdiagram integration, you can embed database diagrams from dbdiagram.io directly into your documentation or workspace — making architecture transparent and collaboration effortless.

No more exporting PNGs or explaining table relationships over chat.

Why Use DBdiagram in Your Editor?

Designed for developers, analysts, and data teams, DBdiagram helps you visualize, discuss, and iterate on database designs faster.

Key Features:

  • Embed an ER diagram with a single link (dbdiagram.io/e/… or /embed/…)
  • View table relationships and structures at a glance
  • Share schema previews without switching tools
  • The frame shows the current diagram whenever the page is opened

Use Cases

  • Share architecture plans with your dev team
  • Document database changes visually
  • Onboard new developers with schema views
  • Include diagrams in technical specs or project docs
  • Review relational models directly inside your workflow

Understand Your Data at a Glance

Clear structure. Clean relationships.
With DBdiagram embedded in your editor, your schema becomes part of the conversation.

How it works in Layers

  1. 01

    Open a page in Layers Pages.

  2. 02

    Type / and pick “dbdiagram.io” in the Embeds section.

  3. 03

    Paste the link — the content appears in a frame right in the text.

Layers does not ask you to connect a dbdiagram.io account. Public and link-shared content opens right away; for private content the frame may ask you to sign in to dbdiagram.io itself.

Video: how it works

Screenshots

More in “Development”

All integrations →

Try embeds in Layers Pages

Open a page, type / and add your first embed in a minute.