slicerflow›draw.io to GIF
draw.io to GIF

Turn draw.io into
an animated GIF

Open a draw.io export (.drawio / XML — compressed is fine) and turn it into an animated GIF. Your boxes and connectors become an editable, animated slicerflow diagram you can restyle, time, and export as a GIF, PNG or JPEG.

Convert draw.io to GIF — free How it works

No account · no install · runs in your browser · MIT open source

# your draw.io shapes become editable YAML…
title: Imported from draw.io
animation: pop
components:
  flow:
    items:
      start: { text: Start, show: 0 }
      step:  { text: Process, show: 1 }
      done:  { look: pill, text: Done, show: 2 }
    arrows:
      - { from: start, to: step, show: 1 }
      - { from: step, to: done, show: 2 }

…then pick an animation and Export → GIF, PNG or JPEG.

How to convert draw.io to a GIF

Reuse the diagram you already made in draw.io — just add motion and export.

Get the diagram XML

In draw.io use Extras → Edit Diagram (or export as XML), or just save the .drawio file.

Import it

In the studio, click Import and paste the XML or open the .drawio file — compressed exports work too.

Animate it

Your shapes become editable YAML. Set the reveal order and pick an animation.

Export the GIF

Export → GIF for the animation, or PNG / JPEG for a still.

Why slicerflow for draw.io diagrams

Other diagram GIF generators

Flowchart GIF generator →Decisions, branches and smart arrows. Architecture GIF generator →Cloud & system diagrams with 33 icons. Sequence diagram GIF →Actors, lifelines and messages, animated. Mermaid to GIF →Turn mermaid code into an animated GIF.

draw.io to GIF — FAQ

How do I convert a draw.io diagram to a GIF?

In draw.io, use Extras → Edit Diagram (or File → Export as XML) to get the diagram XML. In the studio, click Import, paste it or open the .drawio file, choose Use this diagram, then Export → GIF, PNG or JPEG.

Does it support the compressed .drawio format?

Yes. slicerflow reads both plain XML and the compressed (deflated) .drawio format that draw.io saves by default — no need to uncompress it first.

Is it free?

Yes — slicerflow is free and open source, requires no account, and runs entirely in your browser, so your diagram never leaves your device.

Can I edit the diagram after importing?

Yes. Your shapes and connectors become editable slicerflow YAML and a visual canvas, so you can restyle, set the reveal order, add an animation, and then export.

Animate your draw.io diagram

Import it, animate it, and export a GIF — free.

Open the studio →