专为开发者打造的 AI Mermaid 编辑器
在线创建、编辑和分享 Mermaid 图表。支持从文字、图片或已有 Mermaid 代码生成图表。

核心功能
一个真正的 mermaid online editor
从想法到图表,几分钟搞定
核心功能
从想法到图表,几分钟搞定

导出与分享
一键搞定
将图表导出为图片或 Markdown,或者生成公开阅读链接,发给评审人和团队同事。比截图更清晰,也方便把 mermaid online editor 里的成果直接接入你的知识库、代码仓库和 PR 描述中。
导出与分享
将图表导出为图片或 Markdown,或者生成公开阅读链接,发给评审人和团队同事。比截图更清晰,也方便把 mermaid online editor 里的成果直接接入你的知识库、代码仓库和 PR 描述中。
- 导出为图片/SVG
- 复制 Markdown 源码
- 分享只读链接
- 嵌入文档中


使用场景
为谁而设计?
看看 Mermaid Kit 如何帮助不同角色。
独立开发者
独立开发者会用这个 mermaid editor online 在写代码前先把系统画清楚:用 mermaid diagram editor 画流程图/时序图,把注册、支付、权限这些关键路径梳理出来。需要速度时,用 mermaid ai 从一段描述生成初稿,然后再 edit mermaid diagram online,把节点命名、字段和边界改成真实系统。最后把 Mermaid 源码放进仓库,让图跟代码一起版本管理。
后端/架构师
后端/架构师常用 online mermaid editor 把系统边界、依赖关系和风险点讲清楚:用 mermaid chart editor 画 ER 图做表结构评审,用时序图对齐服务间协议。作为 mermaid live editor,它支持实时预览,评审会上可以边讨论边调整,把 Mermaid 代码直接贴到 RFC/文档里,重点回到 trade-off 和演进方案。
Tech Lead
Tech Lead 用这个 mermaid editor 把讨论结果沉淀成团队资产:把白板讨论的 image 上传,让 mermaid ai 先生成草图,再整理成干净的流程图/时序图。把图放在 GitHub 仓库里,关联 Jira 工单、PR 和设计文档,任何人都能快速理解上下文;持续更新后,就形成一份轻量的架构日志。
产品亮点
为工程师工作流打造
一款真正贴合研发协作的 mermaid editor:写文档、做评审、写代码都顺手。
多模态输入
同一个 online mermaid editor 里从文字、图片或 Mermaid 代码开始。
AI 调优
mermaid ai 生成的是可编辑的 Mermaid 语法,能直接在 mermaid diagram editor 里改。
AI 编程上下文
从 mermaid live editor 复制 Mermaid 代码,作为 Cursor / Claude Code 等 AI 编程工具的上下文。
价格
选择最适合您的付费计划
免费版
适合试用和个人项目
- 最多 5 个图表
- 主题切换
- 5 个 AI 积分
- 导出带水印 PNG
- 不支持高分辨率导出
- 不支持版本历史
- 不支持 AI 图片转图表
基础版
大多数开发者的最佳选择
- 无限图表
- 导出 SVG、高分辨率 PNG
- 创建文件夹
- 每月 60 个 AI 积分
- 5 天版本历史
- 不支持 AI 图片转图表
高级版
AI 驱动的复杂系统设计工作流
- 所有基础版功能
- AI 图片转图表(白板照片数字化)即将推出
- 每月 200 个 AI 积分
- 30 天版本历史
- 优先支持
- 分享公开链接即将推出
常见问题
如果您有任何问题,请随时联系我们
现在就试一次,把一个想法变成一张图
打开 Mermaid Kit 这个 mermaid online editor,写几句系统描述,或者随手上传一张白板照片。看一看,从“脑子里有个大概”到“文档里有一张清晰的图”,你需要多久。