A free plugin for DatoCMS

See how your content connects

Grafo draws the records of a DatoCMS project and the links between them. Pick a record, see what it links to and what links back, open it in the editor.

Free · MIT · reads only, never writes

Grafo in the DatoCMS dark theme: filter rail, graph and record inspector Grafo in the DatoCMS light theme: filter rail, graph and record inspector Light Dark

Drag to compare. Grafo follows the light or dark theme of the CMS.

How does this record relate to the rest of my content?

DatoCMS has a rich relation model: link fields, links inside Structured Text and blocks, inverse relationships you can query through GraphQL. Developers can follow every connection through the API.

Grafo puts the same picture in front of editors. It loads the relations once and lays them out as a graph, so questions like these take a glance:

  • What links to this record before I delete it?
  • Which articles have no author or no tags?
  • Where is this category actually used?
Features

The whole project in one view

Filter what matters

Models, statuses and relation fields, with All/None per group. Double-click a model to keep only that one. Hide orphans, reset in one click.

Both directions

Outgoing and incoming links. Records of models outside the selection show up faded as context: links in, out, or both.

Every kind of link

link and links fields, Structured Text, Modular Content, single blocks, nested blocks at any depth. Tree parents too.

Walk the graph

Select a record and the view opens up its relations and centres on them. Keep clicking to move from record to record, then open the one you need.

Search and keyboard

Search titles, Enter jumps to the first match. Tab between records, Enter to select, Esc to clear. No mouse needed.

Respects your role

Every request runs with the logged-in user's token. Each role sees only the models it can read. Grafo never writes.

In motion

Click, follow, open

The layout settles on its own and node distance adapts to the canvas. Reload keeps filters, selection and zoom where you left them.

Install

Three clicks, no setup

1

Find it

In your project go to Configuration → Plugins → Add new and search for Grafo.

2

Install it

Click Install and grant currentUserAccessToken. Grafo reads with your permissions.

3

Open it

A Grafo tab shows up in the main navigation. Pick your models and start exploring.

Install from the marketplace

For admins

Pick the models Grafo opens on, and the ones it never loads (schema_migration is excluded by default). Both lists use API keys, so they carry over to sandbox environments.

New to DatoCMS?

Built for DatoCMS

DatoCMS is a headless CMS. Editors model content as records linked to each other; developers fetch it through APIs into any website or app. Plugins extend its interface, and Grafo is one of them: it adds a page to the CMS.

Discover DatoCMS