Asciiflow

Asciiflow 是一个老牌的开源项目，最早可以追溯到 2011 年。它的核心理念很简单：既然很多技术场景不适合放图片，那就用字符来画图。你在网页上拖拽出一个方框、画一条线、加一个箭头，工具会自动帮你把对应的字符填进去。最终导出的是一段纯文本，复制粘贴到任何地方都能保持形状。

它在浏览器本地运行，不依赖服务器。你打开页面，断开网络，它照样能用。画的图也只存在你的浏览器里，不会上传到任何地方。

Asciiflow 对中文的支持不太理想。由于中文字符的宽度在不同系统和字体下表现不一致，用中文标注会导致线条错位，官方版本基本没做中文适配。

官网入口地址

https://asciiflow.com/

下载地址

Asciiflow 是在线工具，浏览器打开官网就能用，不需要下载。如果你想把整个工具放到自己电脑上跑，开源代码在 GitHub 上：

https://github.com/lewish/asciiflow

功能介绍

方框绘制：拖拽就能拉出一个矩形框，工具会自动用 +、-、| 这些字符把边框补完整。

线条和箭头：画直线或带箭头的连接线，用来表示流程的走向。支持水平、垂直和对角线方向的绘制。

自由绘制模式：可以手动选择任意字符（比如 *、#、@）来画画，想用星星拼个图案也行。

文本工具：在画布上添加文字说明，配合线条和方框解释流程。

标准与扩展模式：标准模式只用 ASCII 字符（也就是键盘上直接能打出来的那些）；扩展模式会用一些 Unicode 符号，画出来的线条和拐角更圆润好看。

多格式导出：画完之后可以复制成纯文本、导出 PNG 图片、SVG 矢量图，或者 DITAA 格式。导出时还能自动加上不同语言的注释符号，方便直接嵌进代码里。

本地保存与分享：图形会存在浏览器本地，刷新不丢。也可以生成分享链接，把图发给别人。

应用场景

代码注释里的流程图：在函数上方用 Asciiflow 画一个简单的逻辑分支图，同事看代码的时候一眼就能明白流程，不用去翻外部文档。

README 和技术文档：在项目 README 里放一个 ASCII 架构图，不管是在 GitHub 网页上还是终端里 cat 出来，都能正常显示。

终端环境里的示意图：有些服务器环境没有图形界面，想在文档里画个简单的网络拓扑或者数据结构图，ASCII 图是唯一的选择。

邮件和工单沟通：在邮件正文或者 Jira 工单里画个简单的流程图，比纯文字描述直观，又不用附件。

快速原型草图：讨论阶段想快速画个示意图，打开 Asciiflow 拖几下就行，不用启动专业绘图软件。

使用方法

第一步：打开官网。访问 asciiflow.com 页面加载后就能看到左侧的工具栏和中间的网格画布。

第二步：选择工具。用鼠标点左侧工具栏里的按钮，或者用快捷键切换：Alt+1 是方框，Alt+4 是箭头，Alt+5 是线条，Alt+6 是文字。

第三步：开始画。在画布上拖拽鼠标，工具会自动帮你填充字符。想改字符的话，选“自由绘制”模式，按键盘上的字母就能换。

第四步：调整和编辑。用选择工具（Alt+2）可以框选、移动、复制或删除已经画好的部分。撤销用 Ctrl+Z，重做用 Ctrl+Shift+Z。

第五步：导出。点 Export 按钮，选你要的格式。如果是要贴进代码，选对应的注释类型，它会自动帮你加上 // 或者 # 这样的前缀。

服务支持

Asciiflow 免费，开源，没有账号系统，没有会员，打开网页就能用。项目在 GitHub 上维护，有 Issue 板块可以反馈问题。它不存储你的数据，所有内容都在浏览器本地处理。