目录
平时做项目规划、整理思路或者和团队讨论方案的时候,经常需要画个图来理清逻辑。思维导图可以帮我们发散思路,流程图能清晰地展示步骤和分支,有时候还需要在白板上随手画几笔来辅助说明。但市面上的工具要么功能单一,只能画一种图;要么是需要付费订阅,用起来不自由;有的还需要注册账号才能用。
Drawnix就是针对这些需求打造的一款工具。它是一个在线的白板应用,集成了思维导图、流程图和自由画笔这三种主要功能。你可以把它当做一个无限大的数字白板,在上面画思维导图梳理想法,画流程图设计流程,或者直接用画笔随意勾画草图。所有这些操作都在一个画布上完成,不需要在多个工具之间切换。
这个工具是开源且免费的,代码托管在GitHub上,目前已经有超过1.4万颗星,说明受到不少开发者关注。它基于Plait框架开发,采用插件架构,支持功能扩展。所有数据都会自动保存在浏览器的缓存里,不用担心画到一半丢失。打开网页就能用,不需要注册账号。
官网入口地址
开源项目地址
https://github.com/plait-board/drawnix
功能介绍
思维导图绘制
支持创建和编辑思维导图,帮助用户进行头脑风暴、知识整理和项目规划。最近还新增了从Markdown文本快速生成思维导图的功能,只需要复制粘贴带有层级关系的文字,就能自动生成结构清晰的导图。
流程图设计
支持流程图绘制,可以使用Mermaid语法将文字描述自动转换为流程图,也支持手动拖拽图形组件进行编排,适合设计业务流程、系统架构或算法逻辑。
自由画笔
提供自由画笔工具,用户可以在画布上随意手写、绘图或标注,适合快速记录灵感、做会议笔记或进行随意创作。
基于Mermaid语法转换
支持Mermaid语法,用户只需输入简单的文本描述,工具即可将解析并自动生成对应的流程图或思维导图,大幅提高绘图效率。
无限画布
提供无边界的大型画布,用户可以自由缩放、滚动和平移,在任意位置添加内容,不受页面尺寸限制,适合承载大型或复杂的项目规划。
自动保存
所有编辑操作都会自动保存在浏览器的本地缓存中,即使误关页面或浏览器崩溃,重新打开后也能恢复上次的工作进度。
插件架构与扩展性
基于Plait框架和插件机制构建,能够灵活扩展功能。这种架构也使得工具可以支持不同的UI框架(如Angular、React)和集成不同的富文本框架。
多格式导出
支持将当前画布内容导出为PNG图片、JSON数据文件以及.drawnix专属格式,方便用户保存、分享或在不同设备间迁移工作。
移动设备适配
针对手机和平板等移动设备进行了适配,用户可以在不同屏幕尺寸的设备上浏览和编辑。
应用场景
个人知识管理与头脑风暴
使用思维导图功能整理学习笔记、规划读书计划、梳理项目思路或进行创意发散。所有内容保存在本地,无需担心数据外泄。
团队协作与会议记录
在团队讨论或远程会议中,使用白板绘制流程图说明业务逻辑,或使用画笔进行实时标注和讲解。导出的PNG图片可以直接分享给团队成员。
产品设计与技术文档
产品经理可以使用流程图规划用户路径,架构师可以用思维导图拆解系统模块,或使用白板绘制草图与同事讨论方案。
教学与演示
教师或培训讲师可以使用思维导图结构化展示知识点,或直接在空白画布上书写、绘图进行实时讲解,并导出图片用于课件制作。
使用方法
使用Drawnix进行绘图非常简单:
第一步,打开官网 https://drawnix.com/ 即可进入一个空白白板界面,无需任何注册或登录。
第二步,在界面左侧或顶部的工具栏中选择你要使用的工具:思维导图、流程图、画笔、插入文本或图片等。
第三步,在无限画布上点击或拖拽开始创作。如果是思维导图,可以点击节点添加子节点;如果是流程图,可以拖拽图形并添加连接线。
第四步,如果需要快速生成图表,可以在画布上使用Mermaid语法输入文本描述,工具会自动解析并生成对应的流程图或思维导图。
第五步,所有更改会自动保存在本地,你可以随时关闭或刷新页面。完成后,点击导出按钮,将画布保存为PNG、JSON或.drawnix文件。
服务支持与使用提示
定价方案
Drawnix免费且开源,无任何收费项目或会员体系。
数据存储与隐私
所有数据默认存储在用户浏览器的本地缓存中,不会上传到任何服务器。用户对数据有的控制权。清除浏览器缓存会导致数据丢失,建议定期导出备份。
开源与社区
Drawnix采用MIT许可证,代码开源。用户可以在GitHub上查看源代码、提交问题或贡献代码。项目目前由公司(PingCode)支持开发,保持活跃更新。
使用场景定位
Drawnix定位为开箱即用、功能丰富的绘图工具,适合个人和团队使用。虽然功能集成度较高,但对于极复杂的专业图表(如大型企业级架构图),需要结合更专业的工具。
| 源码反馈/咨询 (共有 条反馈) |
Drawnix常见问题
Drawnix是由国内公司PingCode(北京易成时代科技有限公司)开源的。这个项目建立在公司知识库产品PingCode Wiki的技术沉淀之上,底层使用的是该公司自研的Plait画图框架。虽然公司开发,但项目本身是开源免费的。
Drawnix是一款在线的白板工具,集思维导图、流程图和自由画笔三种功能于一身。你可以把它理解成一个无限大的数字白板,在上面画思维导图整理思路、画流程图设计流程、或者直接拿笔随意勾画草图。所有内容自动保存,打开网页就能用。
打开官网 https://drawnix.com/ 就会直接进入一个空白白板。左侧有工具栏,你可以选择思维导图、流程图、画笔、文本或图片插入等工具。在画布上点击或拖拽就能开始创作。画完可以导出为PNG图片或者JSON文件保存。
免费,而且是开源软件。没有收费项目,也不需要购买会员。代码在GitHub上公开,可以自己部署或者二次开发。
Drawnix的数据默认保存在你的浏览器本地缓存里,不会上传到任何服务器。所以从数据存储角度来说是比较安全的,你自己掌握所有数据。但也要注意,清除浏览器缓存会导致数据丢失,所以重要的内容记得导出备份。
支持两种自动生成方式。一种是Mermaid语法,你输入对应的文字描述就能生成流程图等图表。另一种是最近新增的Markdown转思维导图功能,你粘贴带有层级关系的Markdown文本,就能自动生成结构清晰的思维导图。
官网是 https://drawnix.com/ 开源项目地址是 https://github.com/plait-board/drawnix
如果你是第一次用白板工具,上手还是挺容易的。界面比较简洁,功能分类清楚,思维导图和流程图的操作逻辑和同类工具差不多,没有太多学习成本。而且因为是本地保存,用起来感觉很轻快。不过目前来看它更适合个人使用,团队协作功能相对有限。
官方表示适配了移动设备,所以在手机或平板的浏览器上也能打开使用。但白板类工具在手机上操作空间有限,做复杂的思维导图或者流程图还是建议在电脑上进行,手机更适合做简单的浏览和查看。
支持导出为PNG图片格式、JSON数据格式和.drawnix专有格式。PNG适合分享和插入文档,JSON和.drawnix格式可以保存完整的编辑数据,方便以后重新导入继续编辑。
数据默认存在你浏览器的本地缓存里,没有云端同步功能。所以如果你想换电脑或者重装系统,需要手动导出JSON或者.drawnix文件进行备份。这也是本地优先工具的一个特点,数据由用户自己掌控。
可以在画布上直接输入带有层级结构的Markdown文本,比如用#表示一级标题,##表示二级标题,以此类推,然后工具会自动把这个文本结构转换成一张思维导图。这个功能可以让你更快地从已有的文字大纲生成可视化导图,不用一个一个手动添加节点。
两者都是开源白板工具,定位有相似之处。Drawnix的特点是更加集成化,把思维导图、流程图和手绘三种功能整合在一个界面里,而不仅仅是手绘白板。它的插件架构也使得扩展性更强,背后有公司PingCode的技术团队在维护,更新频率比较稳定。不过Excalidraw的社区生态更成熟一些,看个人偏好。
从目前公开的功能介绍来看,Drawnix主要定位是个人使用的白板工具,数据保存在本地。它没有明确提到多人在线实时协作的功能。如果需要团队协作绘图,需要考虑他专门支持协作的工具。Drawnix更适合个人梳理思路、做规划和快速绘图。
可以,因为它是开源的,代码托管在GitHub上。你可以拉取代码,根据需要自行部署。官方也提供了Docker镜像,方便快速搭建。具体的部署方式可以参考项目仓库中的README文档。