Importing draw.io files

Bring draw.io diagrams across as documents, a tab per page.

Import from draw.io brings diagrams made in draw.io (diagrams.net, the desktop app, or its Confluence and VS Code plugins) across as livediagram documents. Pick as many files as you like, or a whole folder: each diagram becomes its own document, and each of its pages becomes a diagram tab in that document.

To import one diagram into the tab you are working on instead, use Import in the tab menu.

What you can pick

The import reads each file by what is inside it, never by its name, so all of these work:

  • .drawio and .xml files, compressed or not.
  • Files saved to Google Drive. draw.io saves to Drive without an extension; download them and pick them as they are.
  • PNG and SVG exports made with Include a copy of my diagram ticked.
  • JSON exports (draw.io's Export as JSON). When the export includes the full diagram, it imports exactly like the .drawio file. When it holds only the shapes and connections, without their positions, livediagram lays the diagram out for you, and the import says so.

Anything else in a folder, such as notes or pictures, is left out and named in the report, never treated as an error.

draw.io libraries (the shape sets draw.io keeps in a scratchpad, saved as a library file) become shape libraries of your own, one per file, named after it. Their shapes appear in the palette's My shapes category, ready to place on any tab; see Shape libraries.

Importing

On the Explorer page, Import from at the top right shows a button for each tool you can import from. Press the draw.io button (hover it to see its name). From inside a folder, the new documents go into that folder. Then choose files, choose a folder, or drop either onto the panel.

A single diagram imports straight away. When there are several, the panel lists them, each under the name its document will get, with the date it was last edited and how many pages it has. Every diagram starts ticked; untick the ones you don't want and press Import.

Names and dates

  • A document is named after its file. When the file has draw.io's default name (such as "Untitled Diagram"), it takes the name saved inside the file, else its first page's name, else "draw.io diagram" with the date.
  • A document is dated as the diagram: draw.io records when a file was last saved, and the document shows that date, so your library keeps its history.

What comes across

Shapes, text, connections, containers, swimlanes, tables, layers, colours and pictures come across as they do in the tab import. When the import finishes, it lists the new documents so you can open them, says what changed on the way (for example shapes that came in as the nearest livediagram shape) and names any files it left out, with the reason.

A page too large to store as one tab is left out of its document and named in the report; the file's other pages still arrive.

Was this article helpful?