跪拜 Guibai
← All articles
GitHub

Drawnix Puts Mind Maps, Flowcharts, and Freehand Drawing on One Infinite Canvas

By Hey_AI_Coder ·
Read original on juejin.cn ↗ Google Translate ↗ Alt translation

A single free tool that handles mind maps, flowcharts, and freehand drawing removes the friction of juggling three separate apps and file formats. For teams that want an open-source whiteboard without data lock-in, Drawnix offers an MIT-licensed alternative to commercial products like Whimsical or ProcessOn.

Summary

Most whiteboard tools force a choice: Excalidraw for hand-drawn sketches, a separate app for mind maps, and yet another for flowcharts. Drawnix collapses all three into one infinite canvas. It generates mind maps from Markdown text, produces flowcharts from Mermaid syntax, and still offers a freehand brush for unstructured scribbling. The tool runs entirely in the browser at drawnix.com, auto-saves to local cache, and exports to PNG or a `.drawnix` JSON file that preserves full editability.

Under the hood, Drawnix is built on Plait, an open-source drawing framework from the project-management company PingCode. A plugin architecture keeps the codebase modular: the mind-map, flowchart, and freehand features are separate plugins that share the same canvas engine, Slate for text rendering, and Floating UI for menus. This design makes it straightforward to add new diagram types without touching core code.

With 14,578 GitHub stars since June 2024, Drawnix occupies a niche that Excalidraw and tldraw leave open. Excalidraw excels at hand-drawn diagrams but lacks structured mind maps and flowcharts. tldraw is a developer SDK, not a ready-to-use product. Drawnix ships as a finished tool, MIT-licensed, with native Chinese-language support and Docker deployment available.

Takeaways
Mind maps can be generated automatically from Markdown text instead of built node-by-node.
Flowcharts are created from Mermaid syntax, with a manual drag-and-drop mode also available.
All content lives on a single infinite canvas that supports zoom, scroll, and embedded images.
Exports include PNG for sharing and a `.drawnix` JSON file that preserves the full editable state.
Auto-save to browser cache prevents data loss from accidental tab closures.
The plugin architecture separates mind-map, flowchart, and freehand features into swappable modules built on the Plait framework.
Backed by PingCode, a commercial project-management company, reducing the risk of abandonment.
Docker deployment is supported with a single `docker run` command.
Conclusions

Most open-source whiteboards specialize in one drawing style; Drawnix competes by being the generalist that covers the three most common diagram types in a single tool.

The Markdown-to-mind-map and Mermaid-to-flowchart pipelines lower the barrier for users who think in text but need visual output, a workflow that Excalidraw and tldraw do not support natively.

PingCode's backing gives Drawnix a sustainability advantage over solo-maintainer projects, but it also ties the tool's roadmap to a company whose primary business is project management, not diagramming.

The `.drawnix` JSON export format is proprietary to this tool, which means portability to other whiteboard ecosystems depends on community converters or future format support.

Concepts & terms
Plait
An open-source drawing framework developed by PingCode that serves as the rendering and interaction engine underneath Drawnix. It handles canvas operations, element management, and the plugin system.
Plugin architecture (in Drawnix)
A design where mind maps, flowcharts, and freehand drawing are implemented as separate, swappable plugins that share a common canvas engine, rather than being hard-coded into a monolithic application.
Mermaid syntax
A text-based diagramming language where flowcharts, sequence diagrams, and other charts are described in plain text and rendered visually. Drawnix converts Mermaid descriptions into editable flowchart elements on the canvas.
Source: juejin.cn ↗ Google Translate ↗ Backup ↗