텍스트를 다이어그램으로. AI가 그리고, 내 기기에서 실행됩니다.
무료 AI 플로차트·마인드맵 생성기. 원하는 것을 평범한 문장으로 설명하세요. 기기에서 실행되는 작은 모델이 Mermaid 코드를 작성하고 깔끔한 다이어그램을 실시간으로 그립니다. 업로드 없음, 가입 없음, SVG 또는 PNG로 내보내기.
문장 한 줄이 몇 초 만에 다이어그램으로.
기기에서 실행되는 언어 모델이 Mermaid를 대신 작성합니다. 프롬프트는 절대 브라우저를 떠나지 않습니다.
100% 온디바이스 & 프라이빗
다이어그램 생성은 Chrome 내장 AI 또는 로컬 Qwen 1.5B 모델을 통해 브라우저에서 전부 이루어집니다. 프롬프트는 절대 서버로 전송되지 않습니다.
여덟 가지 다이어그램 유형
플로차트, 마인드맵, 시퀀스, 클래스, 상태, ER, 간트, Git 그래프까지. 유형을 직접 고르거나 프롬프트에서 모델이 추론하게 할 수 있습니다.
스트리밍 실시간 렌더링
다이어그램이 토큰 단위로 그려지는 과정을 그대로 볼 수 있습니다. Mermaid는 스트리밍되는 동안 분석·렌더링되므로 형태가 실시간으로 드러나고, 이어서 코드를 직접 다듬으면 됩니다.
편집하고, 내보내고, 내 것으로
생성된 Mermaid 코드는 완전히 편집할 수 있습니다. 노드와 간선을 원하는 대로 고치고, 선명한 SVG 벡터나 최대 4배 해상도의 PNG로 내보내세요. 결제 뒤에 숨겨진 기능은 없습니다.
설명하기. 생성하기. 다듬기.
- 01
다이어그램 설명하기
한 문장을 쓰거나 명세를 붙여넣으세요. "회원가입과 온보딩 흐름", "이커머스 데이터베이스 스키마", "애자일 스프린트 워크플로". 다이어그램 유형을 고르거나 모델이 정하게 할 수 있습니다.
- 02
그려지는 과정 보기
기기 모델이 유효한 Mermaid를 한 줄씩 작성합니다. 캔버스가 실시간으로 렌더링하며, 스트리밍 중에 흔한 문법 오류를 찾아 고칩니다.
- 03
편집하고 내보내기
에디터에서 Mermaid 코드를 직접 수정하세요 — 노드 추가, 간선 이름 변경, 테마 교체. 벡터로 쓰려면 SVG, 최대 4배 해상도로 쓰려면 PNG로 내보낼 수 있습니다.
About the AI diagram generator
Diagram Studio is a free AI flowchart and mindmap generator that runs entirely in your browser. Describe what you want — a signup flow, a database schema, a sprint workflow, a release branching strategy — and a small on-device language model writes the Mermaid code, renders it live as it streams, and lets you refine the result in a code editor before exporting as SVG or PNG.
It is built for the situations where cloud diagram tools are the wrong answer: drafting a quick sequence diagram from a meeting note, generating a private ER schema for a client system you cannot put on someone else's server, or producing a publishable flowchart without signing up for anything. Nothing leaves your device.
How it works
Two engines sit behind the same interface. The first is Chrome's built-in AI (the LanguageModel API, available in Chrome 127+ and other Chromium browsers that ship Gemini Nano). It runs the model the browser already has embedded, so there is nothing to download — generation starts immediately and stays on-device. The second engine is a local Qwen2.5 1.5B model loaded through Transformers.js on WebGPU (with a WebAssembly fallback when WebGPU is unavailable). It is a one-time download of roughly 1 GB, cached by the browser for offline use afterwards.
Whichever engine runs, the output is a Mermaid code block. A small regex-based auto-fixer repairs the common slips a 1.5B model makes — unbalanced subgraph ends, missing diagram-type keywords, unclosed quotes in node labels — before the code reaches the renderer. Mermaid then parses and renders the code, with a streaming-tolerant mode that silently ignores mid-generation syntax errors and a final render that surfaces real errors with a clear message.
Diagram types and themes
Eight diagram types are supported: flowchart, mindmap, sequence, class, state, entity-relationship, Gantt and git graph. You can pin a type explicitly, or leave the selector on Auto and let the model pick the most appropriate representation from your prompt — a request about "database tables" tends to land on an ER diagram, a request about "user journey" on a flowchart, a request about "message exchange" on a sequence diagram.
Four built-in Mermaid themes (Default, Neutral, Dark, Forest) recolour the rendered diagram instantly without re-running the model. The code itself is theme-agnostic, so you can switch themes mid-edit without losing your work.
Editing and export
The Mermaid code is always exposed in an editor next to the canvas. Every keystroke re-renders the diagram live. You can rename nodes, rewire edges, add subgraphs, swap the diagram type, fix a label the model got wrong — the editor is the source of truth, not a read-only artifact.
Export supports SVG (vector, infinite resolution, ideal for web and print) and PNG at 2× or 4× raster resolution. Both are generated client-side from the rendered SVG via canvas rasterization — no server round-trip, no watermark, no account. SVG preserves interactivity and scales cleanly into a documentation site or a slide deck; PNG is the right choice when you need a single self-contained image for chat, email or a slide.
Limits & requirements
The local Qwen model needs a reasonably modern device for acceptable speed — WebGPU support matters, and 1.5B parameters still means a multi-second generation for a complex flowchart. The Chrome built-in AI path is faster when available but only exists on Chromium browsers that ship Gemini Nano. If neither is available, the tool still works as a pure Mermaid editor: write the code by hand, get live rendering and the same export options.
A 1.5B model is not a frontier model. It will occasionally produce a syntactically wrong construct that the auto-fixer cannot repair, or mislabel a node. The live editor exists precisely for this case — treat the AI output as a first draft, not a final artifact. For diagrams with strict semantic requirements (UML compliance, BPMN naming), expect to do some manual cleanup.
Privacy
Your prompt and the generated Mermaid code never leave your browser. There is no server-side generation, no logging, no analytics on the prompt content, and no account. The only network request the tool ever makes is the one-time model download from a CDN — and once the model is cached, even that goes away. The built-in AI path makes no network requests at all.