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 / doors
Examples (see p1.js and doors.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, Extras, Update Tickets for updates
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.