EditableImage
Draw.io XML

Turn a screenshot into a Draw.io diagram.

The boxes come back as shapes and the arrows stay attached to them, so moving a node reroutes its lines instead of leaving them behind.

Original remains untouchedReview before export
Drop, paste, or choose an imagePNG, JPG, or WebP · up to 20 MB · Ctrl/⌘ V works anywhere on this page
Best withFlowcharts, architecture diagrams, and clean whiteboard exportsProcessing timeUsually 30–75 secondsProcessingImages are sent to third-party AI services. Privacy details

Signing in is free, and new accounts start with credits.

New accounts get 10 free credits.

Standard processing: 4 credits. Additional AI actions or fallback processing may cost extra, and every run is charged — including the same image twice. See credit packs and pricing.

Image to Draw.ioDraw.io XML

  1. Upload the diagram image.
  2. Nodes, labels, and connectors are recovered, with each arrow attached to the shapes it joins.
  3. Edit in the embedded Draw.io canvas and export .drawio XML.

Why a screenshot is the easy case

A screenshot of a diagram is the best input this can get. The shapes have clean edges, the labels are set in a screen font at a known size, and the connectors are unbroken lines rather than marker strokes. Everything the recovery measures is already crisp.

That matters because the geometry is measured from your pixels rather than described by a model. Where a box sits, how big it is, and which two shapes an arrow joins are read off the image. A model is only asked what the labels say.

The usual reason people have a screenshot and nothing else: the diagram lives in a wiki, a PDF, or someone else's deck, and the .drawio file either never existed or belongs to somebody who left.

What comes back

Editable result
A technical diagram of the kind this recovers as nodes, labels, and connectors shown with editable regions
ConnectorGateway → Orders
11 nodes · 12 live connectors
Draw.io XMLMove a node and its connectors stay attached

How it works

  1. 01Paste or upload the screenshot — Ctrl/⌘V works anywhere on the page.
  2. 02Shapes, labels, and connector routing are measured from the pixels; a model is asked only what the text says.
  3. 03Edit in the embedded Draw.io canvas and export standard .drawio XML.

When people reach for this

Questions

Which part is measured and which part is guessed?

Position, size, and which shapes a connector joins are measured from the image. The words inside each shape are read by a model, so check the labels before you export — that is where a mistake will be.

Is the export a real Draw.io file?

Yes, standard .drawio XML. Open it in Draw.io, diagrams.net, or anything that reads mxGraph files.

What resolution should the screenshot be?

Whatever the diagram looked like on screen is usually fine. If the labels are hard for you to read at 100%, they will be hard to read here too — retake it larger rather than upscaling.

Closer to what you have?