一句话生成图表。 端侧 AI 绘制，不上云。

Diagram Studio 是一款完全在浏览器里运行的免费 AI 流程图与思维导图生成器。用自然语言描述需求——注册流程、数据库表结构、迭代工作流、发布分支策略——端侧小模型会写出 Mermaid 代码，边写边实时渲染，最后让你在代码编辑器里精修，再导出为 SVG 或 PNG。

它专门解决云图表工具不擅长的场景：从一段会议记录快速画出时序图、为客户系统生成不便上传服务器的 ER 图、无需注册账号就能产出可发布的流程图。所有内容都不离开你的设备。

工作原理

界面背后是两套引擎。第一套是 Chrome 内置 AI（LanguageModel API，Chrome 127+ 及其它内置 Gemini Nano 的 Chromium 浏览器可用）。它直接跑浏览器已经内置的模型，零下载、即时启动、全程在端侧。第二套是通过 Transformers.js 在 WebGPU 上加载的本地 Qwen2.5 1.5B 模型（WebGPU 不可用时降级到 WebAssembly）。这是一次性约 1 GB 的下载，之后由浏览器缓存，可离线使用。

无论走哪一路，输出都是一个 Mermaid 代码块。一个轻量的正则自动修复器会先处理 1.5B 模型常见的语法小问题——subgraph/end 不配对、首行缺图表类型关键字、节点标签里引号未闭合——再把代码交给渲染器。Mermaid 随后解析并渲染，流式期间会静默忽略中间的语法错误，最终渲染时遇到真正的错误会给出明确提示。

图表类型与主题

支持八种图表类型：流程图、思维导图、时序图、类图、状态图、ER 图、甘特图和 Git 分支图。可以显式指定类型，也可以把选择器放在「自动」档让模型按需求自行判断——描述「数据库表」多半会落到 ER 图，「用户旅程」多半是流程图，「消息交互」多半是时序图。

四个 Mermaid 内置主题（默认、中性、深色、森林）会即时重新着色已渲染的图表，无需重新跑模型。代码本身与主题无关，所以你可以在编辑过程中切换主题而不会丢失任何修改。

编辑与导出

Mermaid 代码始终展示在画布旁的编辑器里。每次按键都会触发即时重新渲染。你可以重命名节点、重新连线、加 subgraph、换图表类型、修正模型写错的标签——编辑器是事实来源，不是只读产物。

导出支持 SVG（矢量、任意分辨率、适合网页与印刷）和 PNG（2× 或 4× 光栅分辨率）。两者都从已渲染的 SVG 通过 canvas 光栅化在客户端生成——无服务器往返、无水印、无账号。SVG 保留交互能力，能干净地缩放进文档站点或幻灯片；PNG 适合需要一个独立图片发到聊天、邮件或幻灯片的场景。

限制与要求

本地 Qwen 模型在算力一般的设备上速度不会太快——WebGPU 支持很关键，1.5B 参数生成一张复杂流程图也要几秒。Chrome 内置 AI 路径在可用时更快，但只在内置了 Gemini Nano 的 Chromium 浏览器上才有。两者都不可用时，工具仍可作为纯 Mermaid 编辑器使用：手写代码、即时渲染、同样的导出选项。

1.5B 不是顶级模型。它偶尔会写出自动修复器都救不回来的语法错误，或者标签写错。实时编辑器就是为这种情况准备的——把 AI 输出当成初稿，不是终稿。对语义要求严格的图表（UML 合规、BPMN 命名），手动清理是预期内的。

隐私

你的提示词和生成的 Mermaid 代码都不离开浏览器。没有服务端生成、没有日志、没有针对提示词内容的分析、也没有账号。工具唯一的网络请求就是从 CDN 下载模型——而且模型缓存之后，连这一步也没有了。内置 AI 路径则完全不做任何网络请求。