Drawnix 开源白板指南思维导图、流程图、自由画一个画布全搞定【免费下载链接】drawnix开源白板工具SaaS一体化白板包含思维导图、流程图、自由画等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc.项目地址: https://gitcode.com/GitHub_Trending/dr/drawnix上周周会我在白板上画状态迁移图拖了两遍还是歪的维护脑图又得切去另一个工具。Drawnix 是一个免费的开源白板思维导图、流程图、自由画都画在同一个画布上。 把 Mermaid 代码变成能拖的流程图你写好一段 Mermaid 代码不确定排版出来好不好看。Drawnix 让你把代码贴进对话框生成的就是普通的流程图节点随便拖、随便改颜色字号。它们和你手画的节点是同一种东西可以用箭头连到已有节点也能整块拖走。省掉了先用预览工具出图、再以图片形式贴进来、从此不可编辑的一步。点顶部工具栏的“”在对话框里贴入 Mermaid 代码确认后节点就落在画布上。想看转换逻辑去 ttd-dialog/ 和 shape-picker.tsx 找。流程图常由代码画脑图却更多是从现成文字转出来的。✨ Markdown 转思维导图一键出图大纲式写好的文档想要张脑图放到评审会里。把 Markdown 贴进输入框层级变成节点缩进变成分支深度。省掉逐个画节点、手动对齐缩进的工作。打开 Markdown 转换对话框粘贴文本确认脑图就在画布上了。截图里脑图和架构图并排、箭头相连就是这种场景。脑图节点的扩展逻辑在 with-mind-extend.tsx。画结构还不够时直接拿画笔补上几笔。白板自由画线条怎么画得平滑切到画笔工具笔尖跟着鼠标走线条自动平滑画得快也不会有明显的锯齿感。预设笔触自带手写质感和白板的随性气质很搭。省掉的是你反复重画“看着别扭”那几笔的时间。点工具栏的画笔图标在面板里挑一个预设笔触就能开画。想深挖平滑算法freehand/ 里生成和顺滑的实现都有。画完了接下来要考虑的是怎么把成果带走。画完如何把白板存成图片点右上角导出可选 PNG 图片或.drawnix文件。前者直接进 PPT 和文档后者能在 Drawnix 里完整还原现场。省掉了截图裁剪、丢细节的麻烦。打开导出对话框选格式下载即可。落盘逻辑在 filesystem.ts。平时画的过程中不需要手动保存内容会自动存进浏览器缓存换个深色背景也是顶栏一次点击的事。想动手试git clone https://gitcode.com/GitHub_Trending/dr/drawnix再跑npm install和npm run start。如果你只是偶尔画张脑图先翻翻 README.md 里的特性清单足够你上手。【免费下载链接】drawnix开源白板工具SaaS一体化白板包含思维导图、流程图、自由画等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc.项目地址: https://gitcode.com/GitHub_Trending/dr/drawnix创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考