Living architecture docs

Diagrams that keep up with your code

Describe your system in a sentence, or point Structly at a repo. You get back a diagram you can actually read: click a box to see what it does, press play to follow a request through it. Keep the JSON in your repo and the picture changes when the code does.

✨ Generate a diagram

Tell Structly what you're building and it'll sketch a first diagram. Edit it from there.

or from a repo
already have one? opens it in the editor — no upload to any server
1

Describe it

"A web app, an API, a Postgres database, and a worker that drains a job queue." Or just paste a GitHub URL. A diagram comes back in a few seconds.

2

Fix it up

Move boxes around, tweak the JSON on the side, click a box to read its notes, or play a flow to trace one request end to end.

3

Keep it

Send a teammate a link, drop it into your docs, or download the .structly.json and commit it beside the code it describes.

Examples

Have a look through these to get a feel for it — pan around, open a box, hit play. Or make your own up top.

No diagrams match this filter.

Prefer your editor? Author in VS Code

Schema validation, autocomplete, snippets, and a live preview for .structly.json — right inside VS Code, next to your code.

⬇ Download the VS Code extension
  1. Install — in VS Code, open the Extensions panel → the ⋯ menu → Install from VSIX… and pick the downloaded file (or run code --install-extension structly-vscode.vsix), then reload the window.
  2. Author — open any .structly.json for inline schema errors, autocomplete, and structly-* snippets.
  3. Preview — run Structly: Open Preview (or the preview icon, top-right) → the interactive diagram opens beside your file and updates as you type.