Technical reference overview

As a diagram editor that supports a wide range of technical diagrams, there are many advanced features in draw.io that power users can take advantage of.

• Use keyboard shortcuts to diagram faster.
• Check if your browser is supported if you are experiencing issues. See also Troubleshooting.

Customise and configure draw.io

• Customise and configure the draw.io editor - use your own styles, colours, and fonts, set security options, load custom shape libraries or templates, and much more.
• See the format definition for custom shape libraries and custom template library.
• See the supported URL parameters for opening draw.io with various features, shape libraries, etc. enabled.
• See te supported location hash properties to open a diagram file stored at a specific location.

Configure AI options in the draw.io web editor

There are many options you can set to customise diagram generation in the online draw.io editor at app.diagrams.net (and in draw.io for Confluence Cloud if enabled by an administrator).

• Generate and validate draw.io diagrams with AI.
• AI style reference for draw.io.
• Set your own LLM backend to use your preferred AI tool.

Develop draw.io plugins

See the list of draw.io plugins and examples for developing your own plugin.

Integrate drawio

• See all embed options and editor configuration options when exporting HTML code to embed a diagram on another website.
• Use embed mode to add draw.io to a webpage or application.
• Also see the embedding walkthrough in the Tutorials section.
• Set up draw.io in a Docker container to run your own draw.io server inside your infrastructure.

Other

• See how you can help translate the draw.io editor into a new language.
• See more templates and example diagrams in the drawio-diagrams Github repository.