每个工程师团队都有一片墓地:Confluence 页面里躺着一张架构图,最后一次正确还是两次组织架构调整之前。有人用重型工具画完,导出 PNG 贴进去,源文件现在躺在一台 2023 年就还给 IT 部门的笔记本里。
FlowDiagram 的作者是数据架构师,一周里大部分时间在画三种图:集成全景(哪个系统跟哪个系统说话、走什么协议)、数据管道(源 → 接入 → 转换 → 服务)、ER 模型。他想要一个工具同时把这三件事做好,看图的同事不用注册,AI 助手不用截图、不用插件就能替他画。
找不到,就自己写了一个。flowdiagram.net,免费,没有分级、没有试用期、没有账号。
分享链接本身就是整张图
按 Ctrl+L 分享,拿到一个 URL。这个 URL 不指向服务器上的文件——图被压缩进了 # 号后面那段,而浏览器从不把 # 后面的内容发给任何服务器。
- 看的人什么都不需要:不用账号,不用"申请访问权限",不用下载。
- 什么都没上传。作者没有存图的数据库,因为他根本没有数据库。
- 链接不会在他这一侧烂掉。链接在,图就在。
打开链接不会覆盖你手头的工作,它只是把那张图作为一个新页面加进来。
为 AI 而写,不需要 API key
多数"AI 画图"工具把模型藏在付费墙后面,给你一个输入框。FlowDiagram 走了反方向:它公开一份 Markdown 技能文件 flowdiagram.net/flowdiagram.md,教会任何编码助手读懂这套文档格式。丢进 Claude Code、Codex、Cursor、GitHub Copilot、Zed 或 Windsurf,然后直接说:
"画一下我们的订单管道:Shopify 和 Stripe 进 Kafka,dbt 在 Snowflake 里,最上面是 Power BI。"
助手写出一个 .flow.json 文件和一个一键链接。因为输出是文本,没有图像模型那一趟,作者这一侧也没有 API key。又因为你留着 .flow.json,助手之后可以改这张图,而不是从头重画。
为什么是技能文件而不是 MCP 服务器?服务器要安装、要一直跑着,它的工具定义还会跟着每一个请求走。技能文件就是一个 Markdown 文件,只在你真的要画图时才被读到。它不会宕机。
1160 个真实厂商图标内置
架构图讲的是"哪些系统",标着"DB"的通用方块不够用。FlowDiagram 内置 1160 个厂商图标,包括 AWS 全部 303 个、Azure 405 个、Google Cloud 175 个服务图标,外加 SAP、Salesforce、Snowflake、Databricks、Kafka、dbt、Airflow、Power BI、OpenAI、Anthropic 等数百个。按 B 打开图标库,或 Ctrl+K 输入名字。
内部系统有自己的 logo?+ Logo 把它永久加进你的库。
能往返 SQL 的真 ER 建模
实体模式(M)给你正经的表:带类型的列、主键外键、列注释,以及挂在真实列行上的鸦脚式基数标记。
而且它不是一张死图:
- 导入:SQL CREATE TABLE、DBML、Mermaid ER 图、CSV 表头,或一个活的 Snowflake schema(浏览器里连上,选表,拿到真实类型、键和注释)。
- 导出:SQL DDL(含注释)、DBML、Mermaid,外加一份生成的数据字典。
贴 DDL 进去,出来一张图,改完,再把 DDL 发回去。这个循环就是作者启动这个项目的原因。
会动的图
给任意连接线打开 Flow,数据包就沿着数据流动的方向跑;空心包表示回程流量。点任意一个系统,FlowDiagram 会追踪它下游的一切。保存视图(书签式的缩放位置),按 Present:实时画布变成你的幻灯片,动画继续跑,放大也不糊。
这是让架构评审变快的那个功能。"这个队列停了会挂掉什么?"变成一次点击。
把你已有的东西带进来
不用重画:
- draw.io 文件直接导入
- Mermaid 的流程图、时序图、类图、状态图和 ER 图直接导入
- 应用内 16 个起步模板,线上 399+ 个模板横跨 30 个分类,从三层 Web 应用、智能体 AI 系统到 SAP 集成和医院工作流
导出支持 PNG、SVG、PDF、Mermaid、DBML、SQL 和 .flow.json。
私有、离线、可安装
没有账号,没有同步服务,也就没有东西可被攻破。首次访问后整个应用被缓存,离线可用(除了活的 Snowflake 连接)。从地址栏安装,它作为桌面或移动应用运行。统计是无 cookie 的页面计数;你的图内容从不被触碰。
这个设计有它的代价:没有实时协同编辑,也没有团队工作区。协作方式是发链接、把 .flow.json 提交进 Git,它们像其他文本文件一样 diff。对于和代码放在一起的架构文档,作者认为这笔交换划算。
三十秒试一下:打开 flowdiagram.net,不用注册;点 Templates,或者贴一段 Mermaid 或 SQL;按 Ctrl+L 把链接发给别人,对方看到的和你看到的一模一样。或者让你的 AI 来干:把 flowdiagram.md 交给助手,用大白话描述系统。
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.