Quick answer
Export your draw.io diagram as an SVG or PNG file, then drag it onto your Miro board or use the Import icon in the toolbar to upload it. Miro adds the diagram as an image you can resize, align, and annotate, though shapes remain static unless you rebuild them with Miro's native tools.
Steps at a glance
- Open your diagram in draw.io and export it as SVG or PNG
- Open or create the destination board in Miro
- Drag the exported file onto the Miro canvas, or use Import
- Resize and position the diagram on your board
- Rebuild key shapes with Miro tools for full editability
- Invite collaborators and set sharing permissions
- Save the board and organize it with frames
Summary
Miro doesn't open native .drawio files directly, but you can bring draw.io content onto a board by exporting it as an image and importing that file. This lets teams reuse existing diagrams instead of rebuilding them from scratch, then layer Miro's collaboration tools on top.
Step-by-step guide
Step 1
Export your diagram from draw.io
Open your diagram in draw.io and go to File, then Export As. Choose SVG for the sharpest quality and editable text layers, or PNG if you just need a flat image. Keep the background transparent if you plan to layer the diagram over other board content.
Step 2
Open the target Miro board
Log into Miro and open the board where the diagram should live, or click Create a board from your dashboard. If you're starting fresh, review how to create a board for setup basics before importing anything.
Step 3
Import the file onto the canvas
Drag your exported SVG or PNG file directly from your desktop onto the Miro canvas — Miro adds it as an image. Alternatively, click the plus icon or Import option in the left toolbar, select Upload, and choose your file from your computer.
Step 4
Position and resize the diagram
Click and drag the corners to resize the imported diagram, then move it into place on the board. Use Miro's alignment guides or the steps in align objects to line the diagram up neatly with other elements already on the board.
Step 5
Rebuild shapes for full editability (optional)
Imported diagrams behave like static images — you can't edit individual boxes or arrows inside them. If you need to edit the flow itself, recreate key sections using Miro's native shapes and connectors, following the same approach used to create a flowchart.
Step 6
Share the board with your team
Click Share in the top-right corner to invite collaborators by email or generate a shareable link. Set the permission level — can edit, can comment, or can view — so the right people can work with the imported diagram.
Step 7
Organize and save the board
Group the diagram with related notes or frames so it stays organized as the board grows. Miro autosaves your changes, but it's good practice to periodically check the board's version history if you're making major edits.
Why this matters
You've already mapped a process or system in draw.io and don't want to redraw it. Importing it into Miro lets you reuse that work immediately, then add sticky notes, comments, and shapes so your team can build on it together in one shared workspace.
Frequently asked questions
Can Miro open .drawio or .xml files directly?
No. Miro doesn't have a native reader for .drawio or .xml files. You need to export the diagram from draw.io as an SVG or PNG first, then import that file into Miro.
Will the imported diagram stay editable like it was in draw.io?
No. Once imported, the diagram behaves as a single image on the board. To make specific shapes or connectors editable, recreate those parts using Miro's built-in diagramming tools.
Is importing diagrams available on Miro's free plan?
Yes. Uploading images and files onto a board is available on Miro's free plan, so you can import draw.io exports without upgrading.
Can I collaborate on the imported diagram with my team?
Yes. Once the file is on your board, invite collaborators and set their permission level so they can comment, annotate, or add elements around the imported diagram.
Create interactive demos like this one — free, no coding required.
Start for free →