EditableImage
Draw.io XML

Convert a hand-drawn flowchart to a digital one.

Paper, notebook, or tablet sketch — the decision diamonds and process boxes come back as real shapes, with the arrows still joining the right two.

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.

What survives the trip from paper

A sketch carries two different kinds of information and they survive differently. The structure — which box leads to which, where the flow branches, which shape is a decision — comes through well, because that is geometry and geometry is measured. The lettering is the fragile part.

So the honest way to use this is as a structure recovery. You get the skeleton of the flowchart as real, connected shapes in a few seconds, and you retype whatever labels came back wrong. That is still far less work than placing thirty shapes and forty connectors by hand.

Block capitals help more than anything else you can do. A sketch drawn in neat printed letters comes back close to finished; the same sketch in ordinary handwriting comes back as a correct diagram with labels you will want to fix.

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. 01Photograph or scan the sketch — flat, with the whole flow in frame.
  2. 02Boxes, diamonds, and arrow routing are measured from the drawing; the labels are read by a model.
  3. 03Retype whatever the handwriting cost you, then export .drawio XML.

When people reach for this

Questions

How good does my handwriting have to be?

For the shapes, it does not matter. For the labels, printed capitals read far better than joined-up writing. Expect to retype some words — the point is that the structure is already built.

Are decision diamonds recognised as diamonds?

Shape is recovered from the outline, so a four-sided shape on its point comes back as a diamond rather than a rotated square.

Can I photograph a page in a notebook?

Yes. Flatten the page as much as it will go and shoot straight down — a curved page bends the connector lines, and those are measured.

Closer to what you have?