画架构图不想装软件？ASCIIFlow 用字符在浏览器里拖出流程图
写文档、发 issue、留注释时，最方便贴的就是纯文本图：用加号横线方块拼的流程图，复制进 Markdown 照样清晰。ASCIIFlow 让你在浏览器里用鼠标拖出这些 ASCII 图形——方框、箭头、连线，导出就是一串字符，直接粘进代码注释或 README，不需要任何图片文件，版本库里也能干净地 diff。
它解决什么问题
想在 README 或代码注释里放张流程图，但不想引入图片文件。
发 issue 描述模块关系，纯文字说不清，截图又不方便。
需要图能随代码一起版本管理、可以被文本 diff 比对。
核心能力
| 能力 | 具体能做到什么 |
|---|---|
| 鼠标绘制 | 在画布上拖拽即可生成方框、箭头、直线，不用手敲字符。 |
| 纯文本导出 | 结果是一串 ASCII 字符，直接粘进任意文本环境。 |
| 图形库 | 内置框、箭头、折线、椭圆等基础形状，组合出结构图。 |
| 导入编辑 | 可把已有 ASCII 图粘回来继续修改，不丢失原样。 |
| 网格对齐 | 自带网格吸附，画出来的线条横平竖直更整齐。 |
| 可自部署 | 开源项目，可部署到内网，图数据不出公司网络。 |
它本质是「矢量式画布，再序列化成等宽字符网格」
ASCIIFlow 在内部维护一个图形对象模型：每个方框、每段线都是带坐标的对象。渲染时，它把这些对象投影到一个等宽字符网格上——横线用减号、竖线用竖杠、拐角用加号，最终导出成一段对齐的文本。因为底层是对象而非像素，所以你拖动一个框，相关连线会重新计算字符位置，导出的文本始终整齐。这也让它天然适合放进纯文本世界。
它的局限在于表现力：ASCII 图只有字符，做不了圆角、阴影、配色，复杂美观的架构图还是交给图形工具。另外超大图在等宽网格里会很长，阅读体验下降。它的价值正在于「轻」——无需图片、可 diff、到处能贴。写技术文档、开源项目说明、团队内部 note 时，这种图比截图更经得起版本流转。
同类工具怎么选
| 工具 | 授权 | 差别在哪 |
|---|---|---|
| SequenceDiagram.org | 免费闭源 | 专画时序图，适合表达调用顺序而非结构。 |
| PlantUML | 开源免费 | 用文本描述生成多种图，导出为图片而非纯字符。 |
| Textik | 免费闭源 | 轻量 ASCII 画图，功能更少但更即开即用。 |
谁适合用
- 写开源文档、要在 README 放流程图而不想引入图片的开发者
- 在 issue 或代码注释里描述结构的同学
- 希望图表能随代码版本管理、可被 diff 的团队
怎么开始
- 打开 ASCIIFlow 网页，在画布上用工具栏拖出方框与箭头。
- 用连线把各个框接起来，表达流程或结构关系。
- 借助网格对齐，让线条横平竖直更工整。
- 需要修改时直接拖动元素，连线会自动重排。
- 点击导出复制 ASCII 文本，粘进 Markdown 或注释即可。
常见问题
要不要注册账号？
网页版免登录直接使用，无需注册账号。
免费额度到哪？
开源项目永久免费，没有使用次数或功能限制。
我画的图会被上传吗？
默认在浏览器本地编辑，不强制上传；建议敏感图用自部署版本。
能不能换自建方案？
能。源码开源，可部署到内网，图数据全程不出本机网络。
授权与合规
ASCIIFlow 以 MIT 开源协议发布，源码在 GitHub 公开，可自部署使用。 官网：asciiflow.com。
继续找同类资源
这条属于「在线工具」栏目，同栏目还有更多可直接使用的免费资源，可以在 在线工具全部资源 里按需翻阅。
相关资源
同栏目下这几条也常被一起翻到：
↓ 获取资源
点击按钮直接前往资源页面。
