Share link - send the diagram together with its code
Updated 2026-09-02
How to use it
“Share link” sits to the left of “Download PNG” above the preview (on a phone it is in the “Download” panel at the bottom). Opening it creates the link and copies it to the clipboard; send it to whoever needs the diagram. When they open it in a browser they see the same diagram with the same theme, and they can keep editing right away.
What is in the link, and whether it touches a server
The whole Mermaid code and the current theme are compressed and placed after the # in the address (it looks like /editor#pako:…). Browsers never send the part after # to any server, so the link does not pass through Diagramate's servers and no copy of it exists there. This is the same promise as “your diagram never leaves the browser”. As long as the link is intact it opens at any time.
The flip side: the link is the content. Whoever gets the link gets the code, so don't use a link for something you don't want to hand over.
What happens when a link is opened
The editor reads the content, removes the part after # from the address bar, and then auto-saves on that device as usual. A later refresh restores the version edited on that device, not the old content from the link. To share again, click “Share link” again.
If the link carries a theme, the editor switches to it and remembers it, exactly as if you had clicked the theme thumbnail yourself.
How long is the link, and can it get cut short
Compressed code usually comes to a few hundred to two or three thousand characters. Above 8000 characters the dialog warns you: some chat apps cut long links, and the recipient then sees “This share link can't be read”. In that case send a file instead (Word and PowerPoint files carry the original code at the end), or send the code itself.
Works with the Mermaid live editor
The format is the same as the #pako: links of the official Mermaid live editor (mermaid.live). A link from there opens in Diagramate when you append the # part to Diagramate's /editor address (its dark theme maps to Dark here). A Diagramate link opens there when you append the same part to https://mermaid.live/edit; only light and dark map across, since the four designed themes belong to Diagramate.