一句话就能画流程图,这个 AI 工具太省事了

写技术文档最头疼的事情之一，就是把一段文字描述转化成流程图或架构图。手动用 draw.io 画吧，费时费力；用 Mermaid 写代码吧，语法又记不住。smart-mermaid 直接把这个问题用 AI 一步解决了。

这是一个基于 Next.js 的 Web 应用，你只需要输入一段自然语言描述，它就能自动生成 Mermaid 代码，然后渲染成图表。支持的图表类型很全，流程图、序列图、甘特图、状态图、类图，基本覆盖了日常需求。

最实用的功能是双渲染器。标准的 Mermaid 渲染器输出 SVG，干净清晰，适合放进正式文档。另一个是 Excalidraw 渲染器，生成手绘风格的图表，做演示或者白板讨论的时候特别有感觉。两种风格一键切换，同一份代码两种呈现。

操作流程也很顺。输入文本之后，可以自动识别图表类型，也可以手动指定。开启流式生成模式，右边的编辑器会实时显示 Mermaid 代码的生成过程，像打字一样一点点出现。如果渲染出错了，点一下 AI 修复按钮，系统会自动分析问题并修正代码。嫌布局不好看还能一键切换方向，从上到下或者从左到右，瞬间调整。

文件导入也考虑到了。可以直接拖入 .txt、.md、.docx 文件，系统会自动提取文本内容再生成图表。项目里积累的技术文档想快速变成架构图，直接扔进去就行。

项目用的技术栈很现代，Next.js 15、React 19、Tailwind CSS v4，AI 调用走 OpenAI 兼容接口。部署也方便，docker-compose up -d 一行命令就能跑起来。本地数据存在 localStorage 里，历史记录随时回看。

演示环境每天有 5 次免费额度，想不限次数可以在设置里配自己的 API Key，也可以用访问密码解锁。对于经常需要画图的技术人来说，这个工具能省下不少时间。

项目地址：https://github.com/liujuntao123/smart-mermaid
官网：https://smart-mermaid.aizhi.site