Diagram

Share a diagram from ChatGPT or Claude as a link

ChatGPT and Claude can draw great diagrams, but they're stuck in the chat. Here's how to turn one into a private, shareable link that updates when the diagram does.

ChatGPT, Claude, Codex, and Cursor can all draw a diagram in seconds: an architecture map, a flowchart, a data model. Getting it to someone else is the hard part. Screenshots go stale, a shared chat exposes the whole conversation, and an HTML file in a message is awkward to open.

Diagram fixes that. Your AI tool publishes the diagram to Diagram and hands you a link:

  • Private by default. Only you, until you share it with people, your team, or everyone with the link.
  • One link that stays current. Ask for a change and the same link shows the new version. Old versions are kept.
  • Looks right everywhere. It's the real diagram, not a picture: sharp at any size, zoomable, and interactive.
  • Unfurls in Slack and iMessage with its title when public, and never leaks a private title.

From ChatGPT

  1. Sign in to Diagram and choose ChatGPT. Copy the connector URL.
  2. On chatgpt.com, open Settings → Security and login and turn on Developer mode. Then go to chatgpt.com/plugins, click +, name it Diagram, paste the URL, choose No Authentication, and create it.
  3. In a new chat, pick Developer mode from the + menu, select Diagram, and ask:

Draw a diagram of how our signup flow works and publish it to Diagram.

ChatGPT asks you to confirm the publish, then replies with the link. Custom connectors work on the ChatGPT website only, and publishing needs a plan whose developer mode allows actions that make changes (Business, Enterprise, and Edu do; on Business and Enterprise an admin has to allow developer mode).

From Claude (desktop app or claude.ai)

  1. Sign in to Diagram and choose Claude app. Copy the connector URL.
  2. In Claude, open Customize → Connectors, click +, then Add custom connector. Name it Diagram, paste the URL, and click Add. It works on every plan; on Team and Enterprise, an org owner adds it for the organization.
  3. In a new chat, click + → Connectors, turn Diagram on, and ask:

Make an architecture diagram of a typical web app with a queue and a cache, and publish it to Diagram.

From Claude Code, Codex, Cursor, or another coding agent

Pick your tool (Claude Code, Codex, Cursor, VS Code, Windsurf, and more) on the setup page. It shows how to connect Diagram and the first message to send. Your agent sets the repo up so diagrams live next to your code in diagrams/. Then just ask:

Draw how a request flows through this app and give me a link.

Keep it up to date

Because the link never changes, you can put it in a README, a pull request, or a design doc. When the code changes, ask the same tool to update the diagram, and everyone with the link sees the new version.

Free for 5 projects. See pricing.