一句话定位：一个一体化的开源白板工具，把思维导图、流程图、自由画笔等功能整合在同一块无限画布上，开箱即用，完全免费。
为什么需要这个工具？
你在日常工作中有没有遇到过这种情况：
想画一个思维导图整理思路，打开了一个工具；想画一个流程图说明逻辑，又得打开另一个工具；想随手画几笔草图，还得再找一个画板。三个工具来回切换，画布互不相通，导出格式各不相同。
这种"碎片化"的画图体验，是很多人的痛点。Drawnix 的出现，就是为了解决这个问题——把所有画图需求装进同一个白板。
Github:
它有多大？核心数据
- GitHub 星星：14,578
- Fork 数：1,254
- 创建时间：2024 年 6 月
- 主要语言：TypeScript
- 协议：MIT（完全开源免费）
- 官方网站：drawnix.com
这个项目的背后是 PingCode（一个国内的项目管理工具公司），Drawnix 是他们开源的画图框架 Plait 的产品化成果。简单说：Plait 是底层引擎，Drawnix 是基于这个引擎做出来的成品工具。
核心功能：一个白板，多种画法
思维导图
Drawnix 内置了思维导图功能，可以快速创建节点、分支、层级结构。支持从 Markdown 文本自动生成思维导图——你只需要写一段 Markdown 格式的文本，工具自动帮你转成可视化的导图。
这个功能特别适合做读书笔记、项目规划、知识整理。
流程图
流程图是另一个核心能力。Drawnix 支持从 Mermaid 语法自动生成流程图——你只需要写几行简单的文本描述，就能得到一个标准的流程图。
同时也有手动绘制模式：拖拽节点、连线、标注，所见即所得。
自由画笔
除了结构化的图表，Drawnix 还提供了自由画笔功能。你可以像在纸上一样随手涂鸦、标注、画草图。这在头脑风暴、灵感捕捉的场景下非常有用。
图片插入
可以在画布上直接插入图片，配合其他元素一起使用。比如在流程图旁边贴一张参考截图，或者在思维导图里嵌入一张照片。
无限画布
所有内容都放在一个无限大的画布上，支持缩放和滚动。你不需要担心画布大小的限制，画多少内容都可以。
导出能力
支持两种导出格式：
- PNG 图片：直接导出为图片，方便分享到社交媒体或文档中
- JSON 数据文件（
.drawnix格式）：保存完整的画布数据，下次打开可以继续编辑
自动保存
编辑的内容会自动保存到浏览器缓存中。即使不小心关闭了页面，数据也不会丢失。
主题模式
支持明暗两种主题，根据你的偏好或使用环境切换。
移动设备适配
虽然是网页工具，但针对手机和平板做了适配，可以在移动设备上使用。
技术架构：插件化设计
Drawnix 最值得关注的技术特点之一是插件架构。它不是一个铁板一块的应用，而是由多个可复用的插件组成的系统。
这个架构的好处是：
- 可扩展性强：想加新功能？写一个插件就行，不需要改动核心代码
- 支持多种 UI 框架：理论上可以适配 Angular、React 等不同的前端框架
- 细粒度复用：每个插件只负责一件事，可以在不同项目中复用
Drawnix 底层依赖三个核心库：
- Plait：开源画图框架，是整个项目的引擎
- Slate：富文本编辑器框架，负责文本渲染
- Floating UI：弹出层基础库，负责菜单、工具栏等 UI 组件
这种分层设计让 Drawnix 在保持功能丰富的同时，代码结构依然清晰。
竞品对比
| 维度 | Drawnix | Excalidraw | tldraw | Whimsical | ProcessOn |
|---|---|---|---|---|---|
| GitHub Stars | 14,578 | 130,167 | 49,896 | N/A（闭源） | N/A（闭源） |
| 思维导图 | ✅ 内置 | ❌ | ❌ | ✅ | ✅ |
| 流程图 | ✅ 内置 | ❌ | ❌ | ✅ | ✅ |
| 自由画笔 | ✅ | ✅（核心功能） | ✅（核心功能） | ✅ | ✅ |
| 无限画布 | ✅ | ✅ | ✅ | ✅ | ✅ |
| 插件架构 | ✅ | ✅ | ✅ | ❌ | ❌ |
| Mermaid 语法 | ✅ | ❌ | ❌ | ❌ | ❌ |
| Markdown 转导图 | ✅ | ❌ | ❌ | ❌ | ❌ |
| 导出格式 | PNG, JSON | PNG, SVG, JSON | 多种 | PNG, SVG, PDF | PNG, PDF |
| 免费开源 | ✅ 完全免费 | ✅ 免费增值 | ✅ 开源 | ❌ 付费为主 | ❌ 付费为主 |
| 协议 | MIT | MIT | 自定义 | 商业 | 商业 |
| 中文支持 | ✅ 原生 | ✅ | 有限 | ✅ | ✅ |
关键差异总结
vs Excalidraw：Excalidraw 是白板工具的绝对王者（13万+星），但它的核心定位是"手绘风格的图表"，没有内置思维导图和流程图功能。Drawnix 的差异化在于一体化——一个工具覆盖多种画图需求。
vs tldraw：tldraw 是一个白板 SDK，更偏向开发者用来构建自己的画图应用。Drawnix 是一个开箱即用的产品，面向普通用户。
vs Whimsical/ProcessOn：这些是商业产品，功能成熟但需要付费。Drawnix 的优势在于完全免费开源，数据不被锁定在某个平台上。
为什么它值得关注？
理由一：差异化定位清晰
在开源白板工具中，大多数项目要么专注手绘（Excalidraw），要么专注白板 SDK（tldraw）。Drawnix 选择了一条不同的路：一体化。把思维导图、流程图、自由画笔整合在一起，这种"全都有"的定位在开源领域比较少见。
理由二：国产开源，中文生态友好
Drawnix 是国内团队开发的，对中文用户天然友好。官方文档、界面、社区讨论都是中文的，这对于不习惯英文文档的用户来说是一个很大的优势。
理由三：插件架构意味着长期生命力
插件化设计让 Drawnix 不是一个"做完就结束"的项目。社区可以不断开发新插件，扩展新的画图场景。这种架构比"功能堆砌"的方式更容易长期维护和演进。
理由四：有商业公司背书
PingCode 作为背后的商业公司，为 Drawnix 提供了持续的资源支持。这意味着项目不会因为开发者个人原因而突然停止维护。
如何使用？
在线使用
最简单的方式是直接访问 drawnix.com，在浏览器中打开即可使用，无需安装任何软件。
本地开发
git clone https://github.com/plait-board/drawnix.git
cd drawnix
npm install
npm run start
Docker 部署
docker pull pubuzhixing/drawnix:latest
docker run -p 3000:3000 pubuzhixing/drawnix:latest
这个项目适合谁？
个人用户——需要一个简单好用的白板工具来整理思路、画草图、做笔记。
产品经理——需要快速画原型图、流程图、思维导图，不想为每个工具单独付费。
开发者——对白板应用的技术实现感兴趣，或者想基于 Plait 框架构建自己的画图工具。
团队协作——需要一个开源的白板方案，数据不被第三方平台锁定。
Github:
总结
Drawnix 解决的是一个看似简单但确实存在的问题：为什么画思维导图、流程图和自由画需要三个不同的工具？
14,578 颗星星证明：已经有足够多的人感受到了这个需求。插件化的设计让它有了长期演进的基础，商业公司的背书让它不会轻易"烂尾"。
在开源白板工具的赛道上，Drawnix 不是最有名的（Excalidraw 更有名），也不是最底层的（tldraw 更底层），但它可能是最"实用"的——一个工具覆盖最常见的画图需求，免费、开源、开箱即用。
我的理解
Drawnix 最打动我的地方是它的名字含义：Draw（绘画）+ Phoenix（凤凰）。
项目 README 里写道："每一次创作都是一次艺术的涅槃，每一笔绘画都是灵感的重生。"虽然这段话有点文艺，但它道出了 Drawnix 的核心理念——创作应该是自由的，不应该被工具的边界所限制。
在一个工具越来越垂直、越来越专精的时代，Drawnix 选择了一条反方向的路：把多个工具整合在一起，让创作者不需要在不同工具之间来回切换。
这种"一体化"的思路，可能正是很多普通用户真正需要的。
关注
如果你觉得这篇文章对你有帮助，欢迎关注我的公众号，获取更多优质开源项目的深度解读。
