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


There are a number of built-in plugins that can be added to draw.io, either added as a one-off, for added for every time you use draw.io with that browser.


To load one-off, use the p=xxxx URL parameter. The following plugins are available:

Plugin ID
Description
p1
Example for defining custom sidebar and placeholders (see p1.js)
ex
Adds Explore from Here in context menu (example), click handler for lightbox
voice
Voice Assistant (Voice menu)
tips
Icons for tooltips in chromeless mode
svgdata
Adds metadata and IDs in SVG export
number
Numbering all shapes in chromeless mode
sql
Adds Arrange, Insert, From SQL
props
Shows metadata in chromeless mode
text
Adds Extras, Extract Text for extracting all text in a diagram
anim
Adds Extras, Animation (autostarts in chromeless mode, example)
update
Adds data-driven diagrams in chromeless mode (see source for details, example)
replay
Adds Extras, Record for replaying all changes on a diagram
anon
Adds Extras, Anonymize Current Page to remove metadata and change labels
webcola
Adds Layout, WebCola Layout to run the interactive, constraint-based layout
tickets
Drop Freshdesk tickets into diagrams, see Extras, Update Tickets (example)
flow
Adds Toggle Flow in context menu, edge click handler for lightbox


For example, to use the voice and ex plugins, the following URL is used: https://www.draw.io/?p=voice;ex


Install Permanently


The above method needs the p parameter to be used each time. If you want to configure your browser to load one of more plugins with draw.io, use the plugin dialog via Extras->Plugins.


In the dialog click add and enter the URL of the plugin (eg. "/plugins/foo.js") or an ID of the plugin the above table. If the p parameter was used, the value will be prepopulated with the plugin URL. You can add multiple plugins by clicking add again.


When you are finished, press apply and then refresh the browser to have the plugins loaded.


To remove plugins go back to the plugin dialog and click the trash icon next to plugins to remove them.