i2e.riera.co.uk

A diagram screenshot becomes an editable Excalidraw scene.

Tool

Upload the image, pick a conversion mode, paste a vision-capable key, get back a downloadable .excalidraw file and a preview. Runs locally; your key stays in the browser.

InputPNG · JPG · SVG

Output.excalidraw · preview

ProvidersOpenRouter · OpenAI · custom

Sourcegithub.com/joanmarcriera/image-to-excalidraw →

§ 01 · Input

Upload, describe, generate.

Diagram source

Diagram image

No image selected yet.

Conversion mode Diagram quality Provider preset

Model Base URL

API key

Extra guidance optional Semantic hints only — naming, scope, what to ignore. Layout is controlled by the quality preset.

Auto mode. SVG files are converted locally when possible. Raster images go through the vision provider you choose.

§ 02 · Output

Preview, download, iterate.

Result Idle

Upload an image or load the bundled example, then generate a result.

§ 03 · Notes

What the tool is, and is not.

local-first

The extraction runs locally. Your key and your image stay in the browser session; nothing is proxied through a server you do not control.

byo-key

Bring a vision-capable key from OpenRouter, OpenAI, or any OpenAI-compatible endpoint. Stored only in your browser.

modes

Auto picks SVG conversion when it can and falls back to the vision provider otherwise. AI forces vision; SVG forces direct conversion.

quality

Structured favours legibility; Balanced favours fidelity to the source. Both emit editable Excalidraw scenes.

output

A downloadable .excalidraw file plus an in-browser preview. Re-generate as many times as the key allows.

source

MIT-licensed. Clone the repo, run it under Docker or Node, or self-host on your own infrastructure.

§ 04 · Contact

Bug reports, model recommendations, or a bespoke integration.

GitHub joanmarcriera/image-to-excalidraw → Email joanmarcriera@gmail.com → Portfolio riera.co.uk →