Exporting diagrams to a URL helps me share draw.io content quickly. I can create a reusable link, send it to others, or include it in another workflow. In this guide, I explain how to export diagrams to a URL in draw.io step by step. You’ll learn why this option is useful and how it makes diagram sharing more flexible.
Prefer a video format? Watch the quick walkthrough here:
What is draw.io?
Before diving into the details, let’s talk about draw.io (opens in new tab). It’s a versatile diagramming tool that lets you create flowcharts, mind maps, wireframes, and much more. You can use it online or offline, and it’s completely free. Businesses, educators, and developers love its flexibility. For instance:
- A project manager can use it to map workflows for their team.
- A developer might create software architecture diagrams for better understanding.
- An educator could illustrate complex concepts for students.
What makes draw.io even better? It offers dynamic export options like URLs. Instead of static images, you can share interactive diagrams. Thus, let’s explore how to do that.
How to Export a Diagram to URL in draw.io
Step 1: Open the Export Menu
- Click on File in the top menu.
- Select Export as, then choose URL.
Step 2: Configure the Export Options
You’ll see several options to customize your URL. Let’s go through them:
- Make a Copy: This option ensures that the URL links to a copy of the diagram. The original remains unchanged. In detail you can choose:
- Authorization Required: Adds a layer of security, allowing only authorized users to access the diagram via the URL.
- Public URL: Generates a URL that is not indexed or publicly accessible but can be shared with others.
- Links, in detail you can choose:
- Automatic: Links within the diagram behave as expected.
- Open in New Tab: Opens hyperlinks in a new browser tab.
- Open in New Window: Opens hyperlinks in a separate window.
- Border Color: Lets you define the border color for the exported diagram view or lightbox display.
- Appearance, in detail you can choose:
- Automatic: Uses the default visual appearance for the exported diagram.
- Light: shows the light theme.
- Dark: shows the dark theme.
- Lightbox: Activates a sleek viewer mode for diagrams.
- Edit: Enables editing-related interaction options inside the lightbox view.
- Lightbox Edit:
- Make a Copy: Allows the user to duplicate the diagram for their use.
- Custom: Lets you specify tailored settings for interaction.
- Lightbox Edit:
- Lightbox Layers: Enables layer-specific interactions, such as viewing or hiding certain diagram elements.
- Lightbox Tags: Allows tagging of elements for better navigation or search functionality.
Step 3: Generate and Share the URL
Once you’ve configured your options, generate the URL. You’ll see it appear in the interface. “Copy” the URL to:
- Share via email.
- Post on social media platforms like Facebook or X.
- Include it in project documentation.
This approach ensures that your diagram is accessible in the most suitable format for your audience.
Confirm with clicking “Ok”:
Step 4: Display in your Browser
Business Case: Streamlining Team Collaboration
Let’s say you’re managing an IT service delivery team. You’ve created a workflow diagram for incident management in draw.io. Instead of emailing attachments, you export it as a URL with the following configurations:
- Set the Public URL option for easy access.
- Enable Lightbox and Layers for better viewing and interaction.
- Configure Links to open in a new tab.
You then share the URL with team members. During a virtual meeting, everyone opens the same link. They can navigate layers to focus on specific details like escalation steps. With these settings, team collaboration becomes effortless.
Final Thoughts
How to export diagrams to a URL in draw.io is not just convenient; it’s a game-changer. It transforms the way you share and interact with visual content. Whether you’re leading a team, teaching a class, or presenting to stakeholders, this feature simplifies communication. Try it for your next project and see the difference.
What’s Next
Now that I know how to export diagrams to a URL in draw.io, I can also look at the source-based export option. A URL helps me share diagrams quickly, but XML helps me preserve the diagram structure. In the next article, I’ll explain How to Export a Diagram as XML in draw.io. You’ll learn why XML export matters, how it supports backups, and how it helps with technical reuse. Click below to continue and export your draw.io diagram as XML.
Use Practical Tools for Clear Requirements Engineering
Requirements engineering becomes easier when I use tools that support visual thinking, documentation, coordination, and process modeling. Therefore, I use draw.io to create diagrams, Confluence to structure knowledge, Jira to manage requirements-related work, and Camunda to model business processes. Each tool helps me turn complexity into something clearer and more manageable. As a result, I can connect ideas, decisions, tasks, and workflows in one stronger requirements process. In the main article on Requirements Engineering Tools, I show how these tools work together and support better requirements work from start to finish.