关注我的公众号：【编程朝花夕拾】，可获取首发内容。
01 引言
思维导图、流程图应该是每个程序员都会用到的绘图工具。Xmind和亿图曾是我的首选工具，但是免费版功能受限，高级功能需付费，用起来总是差点意思。虽然通过其他方式正常使用（大家都懂得），但是软件的更新根本不敢动，一旦更新就会前功尽弃......而且两款工具总会来回切换，虽已习惯，但稍显麻烦！
直到不久前逛GitHub发现了一款开源的且可以在线使用的工具：Drawnix。界面简约，满足日常基本绘图需求，且支持 mermaid 语法转流程图等，用起来非常丝滑。整理一下分享给大家！
02 简介
2.1 名称的由来
Drawnix ，源于绘画( Draw)与凤凰( Phoenix )的灵感交织。凤凰象征着生生不息的创造力，而 Draw代表着人类最原始的表达方式。在这里，每一次创作都是一次艺术的涅槃，每一笔绘画都是灵感的重生。
创意如同凤凰，浴火方能重生，而 Drawnix 要做技术与创意之火的守护者。
2.2 框架
Drawnix 的定位是一个开箱即用、开源、免费的工具产品，它的底层是 Plait框架，Plait 是作者公司开源的一款画图框架，代表着公司在知识库产品上的重要技术沉淀。
Drawnix 是插件架构，与前面说到开源工具比技术架构更复杂一些，但是插件架构也有优势，比如能够支持多种 UI 框架（Angular、React），能够集成不同富文本框架（当前仅支持 Slate框架），在开发上可以很好的实现业务的分层，开发各种细粒度的可复用插件，可以扩展更多的画板的应用场景。
GitHub地址：
2.3 特性
- 💯 免费 + 开源
- ⚒️ 思维导图、流程图
- 🖌 画笔
- 😀 插入图片
- 🚀 基于插件机制
- 🖼️ 📃 导出为 PNG, JSON(
.drawnix) - 💾 自动保存（浏览器缓存）
- ⚡ 编辑特性：撤销、重做、复制、粘贴等
- 🌌 无限画布：缩放、滚动
- 🎨 主题模式
- 📱 移动设备适配
- 📈 支持 mermaid 语法转流程图
- ✨ 支持 markdown 文本转思维导图（新支持 🔥🔥🔥）
2.4 安装
提供Docker部署：
sh
docker pull pubuzhixing/drawnix:latest也可以在线使用：
地址：
03 最佳实践
实践我们采用在线方式，如果注重安全或者本地使用可以使用Docker部署。
3.1 界面说明
通过https://drawnix.com/进入之后，所有功能如图：
中间工具栏分别表示：
- 拖拽
- 选中
- 思维导图
- 文字
- 手绘
- 箭头
- 流程图
- 插入图片
- 格式转换
功能都比较简单，思维导图、流程图以及格式转化是常用的工具。
3.2 思维导图
思维导图的使用方式和Xmind的用法极为相似。选中节点，然后Tab键就可以添加同级子节点，也可以利用+号添加。-号并不是删除，而是合并。删除也非常简单，选中直接Delete即可。
3.3 流程图
流程图的图形相对来说比较简单，只有七项。
选中之后直接绘制即可，图形之间使用箭头链接即可。
3.4 格式转化
目前支持两种格式转化成流程图：
Mermaid
仅支持流程图、序列图和类图
Markdown
仅支持思维导图。
04 小结
Drawnix的极简设计满足日常绘图的需要，可能在很多功能上不如Xmind或者亿图，但是它确实两者的结合。是一款不错的绘图软件。