draw io
Flowchart and diagram software.
Open the official app on app.diagrams.net
This tool is hosted by its maintainers. Click below to open app.diagrams.net in a new tab — it's their official demo.
Browse diagram tools →What's next with draw io?
Choose how you want to get started.
Use it free
Open the official tool or demo — no account needed.
Self-host it
Run the open-source version on your own infrastructure.
What is draw io?
draw.io is a free, web-based diagramming tool designed for creating visual representations of workflows, systems, and data structures. Its primary purpose is to simplify the design of complex processes through intuitive graphical interfaces. Users across industries, including developers, business analysts, educators, and students, leverage draw.io to visualize ideas, document systems, and collaborate on projects. The tool addresses challenges in traditional documentation methods by offering an accessible platform for creating diagrams without requiring advanced technical skills. Its versatility in handling multiple diagram types makes it a popular choice for both personal and professional tasks.
How it works
draw.io is an open-source diagramming tool that enables users to create flowcharts, network diagrams, UML models, ER diagrams, BPMN workflows, and circuit designs. It operates through a web browser, eliminating the need for installation. The tool is particularly useful for teams and individuals needing to communicate technical processes visually. Its ability to import files from formats like.vsdx, Gliffy™, and Lucidchart™ ensures compatibility with existing workflows. draw.io supports a wide range of diagramming needs, including BPMN for business processes, UML for software design, and ER diagrams for database schema planning. It also includes templates and pre-built shapes for quick diagram creation.
How to use it
- 1Access draw.io through a web browser by visiting its official website. 2. Select a template or start with a blank canvas. 3. Use the toolbar to add shapes, connectors, and text. 4. Save or export the diagram in desired formats like PNG, SVG, or PDF. Practical tips include utilizing the import function for existing files and leveraging keyboard shortcuts for faster edits. For collaboration, share links to diagrams for real-time viewing, though editing permissions are restricted to the original creator.
What it can do
- Utility
Use cases
Assumptions and limitations
Assumptions
- source: https://github.com/drawio-diagrams
- license: Apache-2.0 — free to use
- privacy: Opens an external demo
Limitations
- Limited advanced collaboration features compared to paid alternatives
- No built-in version control for diagrams
- Export options are restricted to basic formats
- File size limits may affect large-scale projects
- No native mobile app for on-the-go editing
Understanding the result
Flowchart and diagram software.
Tool details
- Clearly flagged when a network request is needed.
- No account, no sign-up, and no tracking of your content.
- Powered by drawio-diagrams (Apache-2.0).
- Built with
- drawio-diagrams (https://github.com/drawio-diagrams)
- License
- Apache-2.0
- Runs locally
- No — requires a network request
- Verification
- Not yet verified
- Input
- Text
- Output
- Output
Built with https://github.com/drawio-diagrams. OpenToolVault provides the discovery and browser interface while crediting the original project maintainers.
- Built with
- drawio-diagrams
- License
- Apache-2.0
Open-source project
OpenToolVault is an independent directory. We are not affiliated with or endorsed by this project.
References
- /drawio-diagrams — GitHub Repository
Upstream project · GitHub
- Apache-2.0 License
Upstream project
Frequently asked
What types of diagrams can draw.io create?
draw.io supports flowcharts, network diagrams, UML models, ER diagrams, BPMN workflows, circuit diagrams, and more. It provides pre-built templates and shapes for these use cases, though advanced customization may require manual adjustments.
How does draw.io handle file imports and exports?
The tool allows importing files in .vsdx, Gliffy™, and Lucidchart™ formats, preserving existing diagram structures. Exports are available in PNG, SVG, PDF, and other common formats, but advanced features like layered designs or animations are not retained during conversion.
How do I create a flowchart in draw.io?
Start by selecting a flowchart template from the dashboard. Use the toolbar to add shapes like start/end arrows, process steps, and decision nodes. Connect elements with flow lines, then adjust text and formatting. Save the diagram as a PNG or PDF for sharing.
How does draw.io compare to tools like Lucidchart or Visio?
draw.io is free and open-source, with a simpler interface suited for basic to intermediate diagrams. Lucidchart and Visio offer more advanced collaboration features, AI-driven design suggestions, and deeper integration with enterprise systems, but at a cost. draw.io lacks some specialized tools for complex engineering or architectural diagrams.
What should I do if my diagram isn't rendering correctly?
Check for corrupted files by re-importing or starting fresh. Ensure all shapes and connectors are properly connected. If issues persist, clear the browser cache or try a different browser. For large diagrams, split them into smaller files to avoid rendering errors.