Diagramatize
How do I turn an idea into a diagram I can edit?
Diagramatize is a local web app that takes a concept and turns it into an editable vector diagram, using language models for the thinking and image models for the drawing.
What is Diagramatize?
Diagramatize, which calls itself Diagram Studio once it is open, runs on your machine and walks a concept through a pipeline that ends in an editable canvas. The output is vector, not a flat image, so you can recolour nodes, change text and move edges afterwards.
The pipeline
- Clarify: the agent analyses the topic from first principles and asks a few questions.
- Concept: it proposes a concept and mechanism, which you can revise and approve.
- Composition: it proposes layouts and draws a quick draft of each.
- Images: it generates candidate images for the chosen composition.
- Components: the picked image is split into icons, labels and connectors, then traced to SVG.
- Workspace: an editable canvas with recolourable vector nodes, text and edges.
Projects are stored on disk under data/projects/.
Bring your own keys
You paste provider keys into the app: OpenRouter covers text and image models with one key, and Anthropic, Gemini and OpenAI are supported directly. Keys live in the browser’s localStorage and are sent to the server as request headers. The server scopes them to the request and any background job it starts, never writes them to project files or logs, and scrubs them from error messages. Without a key the app runs in an offline mock mode with placeholder content.
Layout
A monorepo with a Hono API and pipeline in apps/server, a React and Vite frontend in apps/web, and shared Zod schemas in packages/core. MIT licensed.