在做技术分享时，一张清晰的架构图往往比千言万语更有说服力。
尤其向技术小白做分享时，生动直观的图表会更容易让他们理解。
但现有的制图工具功能复杂，学习成本非常高，想要上手需要花费大量时间。
就比如做一个 3D 网络架构图，当使用 Visio、Draw.io 这些工具时，光找组件和调整样式就让人颇为头疼了。
为此，在 GitHub 上找到了一款专业的等距图表制作工具：FossFLOW，可以轻松让我们制作 3D 风格的技术架构图。
其最大亮点是 45 度等角视图的设计风格，画出来的架构图立体感很强。
而且工具完全可以在浏览器里离线运行，数据都存在本地，能有效保证数据隐私安全。
拖拽式设计，上手很快
3D 等角图绘制：比起传统的平面图，这种等角视图看起来更有层次感，特别适合展示复杂的基础设施架构。
丰富的图标库：内置了 AWS、Azure、GCP 和 Kubernetes 等主流云服务的图标集。虽然 3D 等角图标库相对简单，但胜在风格统一，画出来的图看着很整齐。
智能连接系统：连接线会自动贴附到节点上，移动节点时连接线也会跟着动。不过一旦连接完成，就不能再调整连接线的路径了，这点稍微有点不灵活。此外，线条有很多自定义设置选项，包括标签、宽度、颜色、样式、箭头等。
其他实用功能
自动保存：每 5 秒自动保存一次，再也不用担心突然断电丢失作品；
离线支持：作为 PWA 应用，没网的时候照样能用；
导入导出：支持 JSON 格式的项目文件，还能导出 PNG 图片；
自定义图标：可以上传自己的图标，支持 PNG、JPG、SVG 格式。
安装使用
安装过程很简单，按照 README 文件的说明几分钟就能搞定。
提供多种使用方式，可以选择 Docker 在一键部署，也可以直接访问在线版本。
如果想本地部署，只需要执行如下几条命令即可：
1、克隆项目代码到本地；
git clone https://github.com/stan-smith/FossFLOW
2、为项目安装相关依赖；
npm install && npm run build:lib
3、最后启动服务即可。
写在最后
对于需要制作高颜值架构图的朋友来说，FossFLOW 确实是个不错的选择。
特别是那种 3D 等角的视觉效果，用来做汇报材料或者技术分享，比传统的平面图更抓人眼球。
总的来说，如果你正好需要一个能画出炫酷 3D 架构图的工具，这个项目值得试试。
GitHub 项目地址：https://github.com/stan-smith/FossFLOW
今天的分享到此结束，感谢大家抽空阅读，我们下期再见，Respect！
往期热文
