Reading Time: 5 min

What you are going to learn in this tutorial

  • All about the export options.
  • Importing files via Drag and Drop.
  • The draw.io mass import functionality.

Introduction

If you are using a platform or creating a document that can’t embed a draw.io diagram, you’ll want to export it as an image. Importing is just as important, especially if you want to move your diagrams from another diagramming tool into draw.io to take advantage of its rich features.

Exporting options in draw.io

Tutorial

Export diagram

Open your favorite draw.io diagram from the template manager. Export your diagram by clicking File > Export as and then selecting the format you want to export to. Exported diagrams can be saved in the following formats:

  • PNG
  • JPEG
  • SVG
  • PDF
  • VSDX (Visio)
  • HTML
  • XML
  • URL

To change the settings on your exported file, click File > Export as > Advanced.

Tip: To export a file to import into another draw.io diagram, select XML as the file format.

Advanced exporting options in draw.io

Import files

Of course, draw.io also offers an import function. You can import diagrams in the following formats:

To import a file, go to File > Import from, then embed the file either from your Device or from a URL. In Confluence Data Center/Server, click File > Import, then select the file you want to import and click Import.

Import Visio and Gliffy diagrams

  1. Download our Gliffy and Visio sample diagrams.
  2. Open a new empty draw.io diagram.
  3. Drag and drop the Gliffy diagram to your first diagram page.
  4. Add a new page to your diagram, and import the vsdx file to this new page using drag and drop.
  5. Save and close your diagram, and save the Confluence page.

Mass import Gliffy files

There is also a mass import function for Gliffy diagrams – you can convert all of the Gliffy diagrams within your Confluence intranet to draw.io with just a few clicks. Please have a look at the following links:

Want to know more?

There are many more ways to export diagrams to use in documents or share online, and many different ways to import information into your draw.io diagram, as you can see by our long list of useful articles below.

And now, you have successfully reached the end of this training course for draw.io. If we have missed something, if there is something you are burning to know, please contact us. We’ll answer your questions, and create additional exercises to help you become more comfortable with draw.io.

Thank you for stepping through this tutorial with us!