There are a number of built-in plugins that can be added to diagrams.net, either added as a one-off or loaded every time you use diagrams.net with that browser.


Note: Plugins are not part of the core functionality of diagrams.net, they are intended as examples for developers to create additional functionality. Plugins that we write are not always production quality and should be used as-is.


To load a plugin, use the p=xxxx URL parameter, separating multiple plugin IDs with a semicolon. This does not permanently load the plugin, so the next time you create a diagram it won’t be available.


For example:

To permanently add plugins, you need to use the plugin name in the URL field of the Add Plugin dialog. For example /plugins/anonymize.js. Make sure you reload diagrams.net in your browser tab after you permanently add or remove a plugin.


The following plugins are available from the diagrams.net Github repository.



FilenamePlugin ID
Description
example pluginp1
Defines a custom sidebar and placeholders (source code)
explore.jsex
Adds Explore from Here to the context menu, and a click handler to the lightbox (example, how to use)
voice.jsvoice
Voice Assistant via the Voice menu
tooltips.jstips
Adds icon for shapes and connectors with tooltips (example)
svgdata.jssvgdata
Adds metadata and IDs in the SVG export
number.jsnumber
Numbers all shapes in chromeless mode
sql.jssql
Adds Arrange > Insert > Advanced >> From SQL
props.jsprops
Shows metadata in chromeless mode (example, how to use)
text.jstext
Adds Extras > Extract Text for extracting all of the text in a diagram
animation.jsanim
Adds Extras > Animation which autostarts in chromeless mode (example)
update.jsupdate
Adds data-driven diagrams in chromeless mode (source code, example)
replay.jsreplay
Adds Extras > Record for replaying all changes made to a diagram
anonymize.jsanon
Adds Extras > Anonymize Current Page to remove metadata and change labels, including the page name (how to use)
webcola.jswebcola
Adds Layout > WebCola Layout to run the interactive, constraint-based layout
tickets.jstickets
Adds Extras > Update Tickets to drop Freshdesk tickets into diagrams (example)
flow.jsflow
Adds Toggle Flow to thecontext menu and a connector click handler for the lightbox (example)
tags.jstagsAdds Extras > Tag Cloud for visual tag filtering and assignment (how to use)