AI 看到的是结构,而不是像素
图片里只有像素,而 Mermaid 代码则把图表里的逻辑关系完整暴露出来。AI 因此能更准确地理解、重写、补全和扩展你的流程图。

OpenMMD 一开始是 Mermaid 可视化编辑器:人类用图形化方式画图,AI 读取结构化 Mermaid。现在它也支持 Book 项目,每个 Markdown 文件就是一章,并且可以通过本地 MCP Bridge 让 AI Agent 直接把章节写进你的浏览器,再发布整本书。
用直观的方式画图,完全不需要学习复杂的代码语法
导出 PNG 图片,发给同事或放入文档,人类看一目了然
导出 Mermaid 代码,交给 AI,它能准确理解并帮你干活
支持导出包含图表预览和源码的 Markdown,兼顾人和 AI
支持 Book 项目,用 Markdown 章节组织一本可分享的书
支持 MCP Bridge,让 AI Agent 在本机浏览器中创建章节、更新书稿并发布
flowchart LR
A[想法] --> B{准备好细化了吗?}
B -->|是| C[开始画图]
B -->|否| D[补充上下文]
C --> E[团队评审]
E --> F[进入文档]
D --> B为什么我们需要 Mermaid
人类看图片流程图一目了然。但如果你发截图给 AI,它只能通过图像识别去“猜”结构,经常搞错节点之间的逻辑关系。而 Mermaid 是一段结构化的文本代码,AI 读它就像读母语一样,能准确知道每一个节点和线条是什么意思。
图片里只有像素,而 Mermaid 代码则把图表里的逻辑关系完整暴露出来。AI 因此能更准确地理解、重写、补全和扩展你的流程图。
虽然底层是代码,但你不需要懂代码。你可以像使用任何现代图表工具一样去拖拽、连线,把繁琐的代码生成交给 OpenMMD。
图表数据先保存在浏览器本地,速度快、心里踏实;需要云端同步时,也可以放进你自己的 GitHub 仓库里。
工作原理
OpenMMD 的原理就是让人类做自己擅长的事。你画完流程图后,我们可以生成不同格式,满足不同的受众。
生成清晰的 PNG 图片,发给同事、放进文档、做汇报,满足人类“一目了然”的需求。
把图表转换成 AI 最喜欢的结构化 Mermaid 代码,让 AI 帮你写业务逻辑、分析边界情况。
生成同时包含可视化图表预览和代码源码的 Markdown 文件,既能阅读又方便后期维护。
适合谁用
先把流程图和交互链路可视化,再把 Mermaid 交给 AI 去补边界情况、梳理需求和生成更清晰的交付说明。
把架构图、时序图、系统行为图保留成 Mermaid 源码,更适合放进仓库、交给 AI、挂到文档里持续迭代。
用一条轻量工作流串起思考、画图、写文档、喂给 AI、推进开发,不需要再维护一整套笨重的图表工具链。
把 Markdown、Mermaid 图表和笔记资产放进同一个仓库中,让编辑器工作流和 Obsidian 知识库同步起来。
Book 项目
Book 项目是一个本地优先的写作工作区。每个 Markdown 文件都是一章,OpenMMD 会维护章节索引,分享时展示为带目录的书稿页面,而不是单文件预览。
创建或上传 Markdown 章节,调整顺序,并由 OpenMMD 自动维护可同步、可发布的 book index。
分享时会把书籍落地页、manifest 和所有章节上传到 R2,并生成稳定的 book URL。
project type 和章节索引都进入数据结构,换电脑后同步 GitHub 也能恢复书稿结构。
本地 MCP Bridge
安装 OpenMMD Chrome 扩展并运行 npm MCP server 后,AI Agent 可以在你的本机浏览器里创建 book、写 Markdown 章节、调整顺序、打开章节,并发布当前书稿。
AI 通过 MCP 和扩展连接浏览器,实际保存仍走 OpenMMD 自己的 IndexedDB 和 projectStore。
`openmmd_share_book` 会上传整本 Markdown 书稿,并返回公开可读链接。
提供可复制的 Markdown 指南,用户可以直接贴给 AI 编程 Agent,让它自己配置 MCP。
目标人群
希望让 AI 不只是“看图说话”,而是真能修改图表的产品经理
需要把 Mermaid 代码纳入仓库、提示词、文档和工程协作的开发者
正在借助 AI 加速思考、写需求、做实现的独立开发者与 solo founder
把 Obsidian、GitHub、Markdown 当作知识资产基础设施的团队
OpenMMD 让图表对人清晰、让书稿对读者友好,也让源文本真正能被 AI Agent 接手处理。这正是现代产品工作、开发协作和一人公司高速运转需要的平衡点。