Show HN:免费Mermaid图表编辑器
摘要
一款免费、无需注册的Mermaid图表编辑器,支持实时预览、即时导出SVG/PNG,以及完全在浏览器中运行的分享链接。可选连接GitHub以从源代码自动生成架构图。
我一直在逐步为Moxie Docs添加一些新的免费工具(部分是为了SEO,部分是为了在用户做出任何承诺前展示我们的一些功能集)。不知为何,这个Mermaid编辑器在Google排名上非常火爆,所以我想分享出来,希望人们觉得它有用!我们还有ADR、AGENTS.md、LLMs以及其他一些免费工具。
查看缓存全文
缓存时间: 2026/07/08 02:16
# 免费 Mermaid 实时编辑器与图表制作工具
来源:https://moxiedocs.com/mermaid-diagram-editor
免费工具
在此处绘制图表 —— 当你希望 Moxie 从仓库生成图表时,可连接 GitHub。
实时预览、即时 SVG/PNG 导出,以及可在浏览器中共享的链接。连接仓库后,Moxie 会从源码生成架构图,并在每次合并时自动更新。
提示:编辑左侧内容,预览将实时更新。可使用片段按钮或加载示例。共享 URL 即可协作。
实时预览
每次更改即时渲染,无需保存按钮,无需重新加载。
随处导出
一键下载干净的 SVG 或高分辨率 PNG。完美适用于文档、演示文稿和 Wiki。
可共享链接
图表编码在 URL 中。发送链接,其他人即可看到你构建的内容。
设计注重隐私
所有操作在浏览器中完成。图表永不离开你的设备。
## 常见的 Mermaid 用例
架构与系统设计
流程图和 C4 风格图表,说明服务如何连接。
API 与数据流
用于请求生命周期和集成点的序列图。
数据模型与模式
领域模型和数据库的 ER 图与类图。
路线图与时间线
用于规划和上手的甘特图与思维导图。
## 常见问题
这个 Mermaid 编辑器完全免费吗?
是的。想用多久用多久。无需注册,无限制,无水印。
我需要注册账户或安装任何东西吗?
不需要。打开页面即可开始编辑。在桌面端和现代移动浏览器上均可使用。
支持哪些 Mermaid 图表类型?
所有核心类型:流程图、序列图、类图、ER 图、甘特图、思维导图、饼图、状态图、Git 图等。编辑器使用最新 Mermaid 渲染器。
我能否将这里制作的图表用于自己的文档?
当然可以。导出 SVG 或 PNG,然后放入 README、Notion、Confluence、Google Docs 或任何 Markdown 文件中。
共享链接如何工作?
整个图表编码在 URL 查询参数中。可收藏、通过邮件发送或粘贴到任何地方。无需服务器存储。
这和 mermaid.live 有什么不同?
此编辑器轻量、专注,由 Moxie Docs 团队构建。它强调快速导出、干净的 URL,并且工具本身零追踪、注重隐私。当你需要简单且可嵌入开发工作流的工具时,它非常合适。
面向文档代码的团队
## 厌倦了手动维护代码库的图表?
在此处绘制并导出图表。当你希望 Moxie 从仓库生成架构图和可搜索的文档,并在每次合并时自动更新时,可连接 GitHub。
了解 Moxie 如何让文档保持最新 (https://moxiedocs.com/workflow)
开始 14 天免费试用 (https://moxiedocs.com/auth/github?next=/dashboard)
免费导出以上 · 当你希望 Moxie 保持图表准确时,连接仓库
相似文章
Mermaid转ASCII艺术 (mermaid-ascii)
一个Web工具,将Mermaid图表语法转换为ASCII和Unicode框线艺术,完全在浏览器中运行,使用编译为WebAssembly的Go库实现。支持流程图、时序图、颜色和可自定义输出。
@wsl8297: Mermaid 画流程图、时序图确实省事,但默认渲染谈不上好看,更别说在终端里几乎没法用。 我在 GitHub 挖到一个新开源项目:beautiful-mermaid,专门把 Mermaid 的渲染这件事做漂亮、做实用——既能导出精致的 …
beautiful-mermaid 是一个纯 TypeScript 实现的开源工具,能将 Mermaid 图表渲染为精美的 SVG 或终端友好的 ASCII 字符画,支持 15 套主题和零 DOM 依赖,适合在 AI 辅助编程中使用。
Mermaid 转 Unicode 框线艺术 (grok-mermaid)
Simon Willison 使用 WebAssembly 构建了一个基于浏览器的工具,用于将 Mermaid 图表转换为 Unicode 框线艺术,灵感来自 Grok CLI 编码代理的开源 Rust 组件。
ui: 聊天中的Mermaid图表与交互预览 (由allozaur提交 · PR #24032 · ggml-org/llama.cpp)
新增在聊天中渲染Mermaid图表的功能,并在llama.cpp网页界面中提供交互预览。
Show HN: 一个在浏览器中生成矢量PDF的方格纸生成器
一个免费的基于浏览器的方格纸生成器,用户无需登录或水印即可创建和下载自定义网格PDF。