一款开源的手绘风格虚拟白板，可用于绘制图表，也可作为 React 组件嵌入应用。
13.4万1.6万TypeScriptMIT更新于 17小时前
- Star
- 14,960
- Fork
- 1,300
- 未关闭 Issue
- 35
- 最近提交
- 上个月
这是什么？
Drawnix 是一款免费开源的白板工具，可在无限画布上绘制思维导图、流程图和自由手绘图形，支持缩放与滚动。它能将 Mermaid 语法转换为流程图，也能把 Markdown 文本转为思维导图，作品可导出为 PNG 或 .drawnix 格式的 JSON 文件。
编辑器支持自动保存到浏览器缓存，提供撤销、重做、复制粘贴等编辑操作，并有明暗主题与移动端适配。除在线版 drawnix.com 外，也可通过 Docker 镜像自行部署。
项目底层基于 Plait 画图框架，采用插件架构，代码使用 TypeScript 编写，并包含 React 视图层与基于 Slate 的文本渲染模块。
核心功能
- 01在无限画布上创建思维导图和流程图
- 02支持画笔自由绘制和插入图片
- 03可将 Mermaid 语法转换为流程图
- 04可将 Markdown 文本转换为思维导图
- 05支持导出为 PNG 或 JSON（.drawnix）格式
- 06自动保存到浏览器缓存，并支持撤销与重做
适用场景
- 用思维导图进行头脑风暴和梳理思路
- 绘制系统架构图或业务流程图
- 无需安装软件，在浏览器中快速进行白板协作
- 通过 Docker 自部署私有白板服务
快速上手
- 1
使用 npm 安装依赖
npm install - 2
启动开发服务器
npm run start - 3
或者拉取 Docker 镜像
docker pull pubuzhixing/drawnix:latest
使用前须知
- README 将项目描述为 SaaS 类工具，且 drawnix.com 为迭代频繁的最小化应用，尚未发布 Dawn 版本。
- README 列出了 Mermaid 和 Markdown 转换功能，但未说明其完整程度。
标签
常见问题
- drawnix 是什么？
- 开源一体化白板工具，支持思维导图、流程图、自由画和插入图片。 Drawnix 是一款免费开源的白板工具，可在无限画布上绘制思维导图、流程图和自由手绘图形，支持缩放与滚动。它能将 Mermaid 语法转换为流程图，也能把 Markdown 文本转为思维导图，作品可导出为 PNG 或 .drawnix 格式的 JSON 文件。
- drawnix 可以免费使用吗？用的什么许可证？
- drawnix 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
- drawnix 还在维护吗？
- 半年内有更新。drawnix 最近一次提交是在 2026年9月8日。
- drawnix 适合用来做什么？
- 用思维导图进行头脑风暴和梳理思路 绘制系统架构图或业务流程图 无需安装软件，在浏览器中快速进行白板协作 通过 Docker 自部署私有白板服务
- drawnix 怎么安装和运行？
- 使用 npm 安装依赖: npm install 启动开发服务器: npm run start 或者拉取 Docker 镜像: docker pull pubuzhixing/drawnix:latest
- 在哪里获取 drawnix？
- 源代码和安装说明在 GitHub 上：https://github.com/plait-board/drawnix
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
基于 tldraw 引擎的开源白板应用，支持实时协作与 AI 辅助创作。
37844JavaScript无许可证更新于 7个月前
一款 MIT 协议的无限画布白板 SDK，支持 React、React Native 和原生 JavaScript，可作为 tldraw 的免费替代。
55545JavaScriptMIT更新于 3天前
开源、本地优先的知识库，将文档、白板画布和表格融合在同一工作区中，可替代 Notion 和 Miro。
7.4万5373TypeScriptOther更新于 9天前
一款将纯文本大纲快速生成流程图和示意图的网页应用，基于 React 和 cytoscape.js 构建。
3399245TypeScriptMIT更新于 5天前
开源跨平台笔记应用，提供无限画布，可混合手写、文字、Markdown、图形、图片和 PDF。
2067153DartAGPL-3.0更新于 3天前