Skip to main content
A saved diagram can go onto a Claude Design canvas as an artboard you can edit, not a flat picture.
  1. Follow the connection guide so Claude has diagramkit.
  2. In Claude, with your canvas open, ask it to put a diagram on the canvas. It can draw a new one first, or use one from your library.
  3. Claude calls download_diagram with the dc-html format, uploads any pictures the diagram uses, and adds the result to your canvas as a new artboard.
On the canvas:
  • Each card and each label is its own element: click to select it, drag it, retype it, or change its fill.
  • A straight or right-angled arrow between two cards is a connector you can select on its own. It does not follow a card you drag; move it by hand.
  • Curves, charts, maps and other drawing come over as illustrations that move as one piece. Their labels stay separate text.
  • An animated diagram comes over as its finished picture.
A diagram with several pages can come over in one go: ask for every page, and each arrives as its own artboard, in order, in one row.

Bring canvas changes back

Ask Claude to save your canvas changes to the diagram. It sends the artboard to edit_diagram, and what you changed becomes the diagram’s next version:
  • Retyped words change the wording.
  • A dragged card or label moves that part, and the diagram’s arrows follow it.
  • A new fill, edge or text colour restyles the part.
  • A deleted card or label hides the part.
A resize, a new element and a moved arrow are not carried back; Claude tells you which ones were left. The artboard has to be the one exported from the diagram’s latest version, so after saving, ask for the diagram again to get a fresh artboard with its arrows redrawn.

Use your brand on the canvas

On Business and Enterprise, ask Claude to make a design system from your diagramkit brand. get_brand returns your colours and fonts as a Claude Design design system, which you can then attach to a canvas so the designs beside your diagrams use the same tokens. Shape, density and the visual style are described in its README, not set as tokens. This export is part of the paid plans.