THE FILE FIELD GUIDE
.drawio

draw.io Diagram

Creative Projects

DRAWIO stores editable diagrams, connectors and pages in an XML-based structure that may contain compressed diagram data. Distinguish a flat image from an editable handoff.

Main use
Re-edit flowcharts and architecture diagrams
Data type
Text data
All sections, questions and sources

Content reviewed: · Editor:Kai

Opening steps

Choose your environment or purpose to see its steps.

draw.io / diagrams.net

Preserve the original and inspect a working copy in a compatible application.

  1. Use File → Open From in draw.io.
  2. Choose between opening separately and importing into a diagram.
  3. Inspect pages, layers, links and shape text.
Inspect the received file and its requirements

Establish dependencies and settings before proceeding.

  1. Identify DRAWIO/XML versus an image containing diagram data.
  2. Check storage access and editing permissions.
  3. Check fonts and external images.

Menu labels and support vary by app, OS and version. Preserve the original before making changes.

Troubleshooting by symptom

  • Not a diagram: check that a download is not an HTML error page.
  • Only a flat image: request embedded diagram data or the original.
  • Content missing: inspect other pages and hidden layers.
  • Cannot save: preserve a local copy and check storage permissions.

DRAWIO → PDF / SVG / PNG

  1. Export the desired format and inspect the include-diagram-data option when re-editing matters.
  2. Reopen the output and check it against the preservation points in this guide before handoff.

A plain PNG/PDF does not guarantee editable diagram shapes.

Open, import and place an image

Placing a bitmap differs from loading an editable diagram; provide DRAWIO when the recipient must alter connectors.

Source for these steps:draw.io · Open a diagram / draw.io · Save a diagram in various formats

Worked example: checks before handoff

Example: deliver a PDF and editable DRAWIO separately and verify pages and text fit elsewhere.

Source for these steps:draw.io · Open a diagram / draw.io · Save a diagram in various formats

Related-format differences

Related-format differences
Format / methodPurpose and preserved information
.drawioRe-edit flowcharts and architecture diagrams
PNG / VSDXFlat image / Visio drawing; inspect imported compatibility.
DRAWIO → PDF / SVG / PNGA plain PNG/PDF does not guarantee editable diagram shapes.

Handling and security

Inspect internal URLs, credentials and storage sharing scope.

Questions and answers

Is an account always required?

It depends on storage/service choices.

Does unreadable XML mean corruption?

Diagram data may be compressed.

Can a PDF be re-edited?

It depends on embedded diagram data.

Format facts: name, steward and MIME type
Formal name
draw.io Diagram
Steward / specification
draw.io
MIME type
Consult the producer or delivery system. The extension alone does not establish a MIME type.

Primary and official sources

  • Software documentationOpen a diagram

    Opening and importing diagrams.

    draw.io · Link checked:
  • Software documentationSave a diagram in various formats

    Editable diagram data versus image/PDF output.

    draw.io · Link checked: