我为什么放弃了XMind和亿图，投向了这款开源绘图工具的怀抱？

关注我的公众号：【编程朝花夕拾】，可获取首发内容。

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部署：

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或者亿图，但是它确实两者的结合。是一款不错的绘图软件。