绘图项目系列超强大免费绘图工具draw.io初体验Mermaid语法、实战画图工具汇总Excalidraw、tldraw、Drawnix、Drawio绘图工具汇总FossFLOW、LogicFlow、oxdraw、LucidChart、iCraft Editor代码画图项目、Skill插件汇总Next AI Draw.io、Fireworks-Tech-GraphAI绘图项目Beautiful-Mermaid、LikeC4、DeepDiagramSimpleMindMap官网开源GitHub12.6K Star1.7K Fork思维导图工具基于原生JS开发不依赖任何前端框架既可集成到项目里也可直接当日常工具用。支持多人协同编辑采用插件化架构核心功能之外的其他功能都可以按需加载打包体积可以减小60%以上。在线体验官方文档。内置多种主题支持注册新主题节点形状、颜色、字体、线条样式、布局算法都可自由调整。功能特性支持创建无限数量的文件、节点自由节点支持创建使用模板提供丰富的设置基础设置、自定义字体/快捷键/右键菜单/图标、图床配置、AI配置、webdav云同步配置等等可玩性很高支持思维导图、逻辑结构图、目录组织图、组织结构图、时间轴、鱼骨图、表格等多种结构类型内置上百个丰富好看的主题也支持自定义主题及AI生成主题节点支持添加文本、图片、链接、图标、备注、附件、标签、概要节点、关联线、外框、标记、待办、描述、编号、数学公式等丰富内容支持导入XMind、FreeMind、Markdown、Txt、Xlsx等格式文件支持导出为PNG、XMind、SVG、PDF、Markdown、Txt、Xlsx、FreeMind、Mermaid、Html等格式丰富的样式设置文字、边框、背景、形状、线条、内外边距、图片标签布局等等支持历史版本管理、演示模式、AI生成、手绘风格、大纲编辑、水印、滚动条、同级节点对齐、小地图、进入指定节点、彩虹线条、节点双向链接、搜索替换等等实用有趣的功能WebDAV云同步支持配置WebDAV协议轻松实现多设备文件同步保障数据一致性的同时不牺牲隐私跨平台、多语言支持提供Obsidian和UTools插件三种使用方式网页版打开浏览器就能用自动保存不用安装桌面客户端基于Electron开发支持主流系统私有化部署提供Docker镜像可以部署在自己的服务器上数据完全自主可控支持思维导图逻辑结构图向左/向右思维导图经典中心发散组织结构图上下级关系目录组织图层级目录时间轴横向/竖向鱼骨图因果分析节点支持填写文本普通文本、富文本图片直接插入图标内置图标库超链接链接到网页或其他节点备注隐藏的详细信息标签分类标记概要节点摘要数学公式支持LaTeX语法导出为图片格式PNG、SVG文档格式PDF、Markdown、TXT思维导图格式XMind、JSON支持从XMind、Markdown、JSON导入小功能小地图让你在大画布里看清全局位置搜索替换批量修改节点文字手绘风格让导图看起来更生动可爱彩虹线条分支自动渐变配色关联线任意两个节点之间画连接线演示模式直接拿思维导图当PPT用实战在线体验样式及设置AI-Draw-Nexus官网专注于绘图的开源AI增强工具官方文档托管在飞书文档。比较迷糊的点在于不确定官网提供的能力是不是由同一个创作者的2个不同GitHub仓库提供都指向官网smart-excalidraw-next3.5K Star425 Fork负责支持Excalidraw类型smart-draw427 Star94 Fork负责支持Draw.io类型功能全景GitHub上这个图不知道是项目自身生成还是用GPT生成用户操作首次功能特性自然语言生成图表用最普通的大白话发起绘图需求图表类型支持Mermaid、Excalidraw、Draw.io丰富图表类型支持20种图表类型包括流程图、架构图、时序图、ER图、思维导图、网络拓扑图、甘特图等。也可让AI根据你的描述自动选择最合适的图表类型实时流式响应和渲染完美编辑器集成生成的图表完全基于Draw.io或Excalidraw格式可在画布上自由编辑、调整样式、添加细节实现AI生成与手动精修的完美结合独创连接算法采用独创的智能箭头优化算法自动计算最佳连接点确保图表井然有序、逻辑清晰告别混乱的线条交叉多会话管理支持查看历史会话开箱即用只需配置一个AI API密钥即可开始使用无需复杂的环境搭建。所有配置保存在本地浏览器隐私安全有保障支持多种AI API包括国内服务商本地存储数据安全移动端适配良好引擎对比引擎特点适用场景Mermaid代码驱动简洁工整短小精悍流程图、时序图、类图、ER图Excalidraw手绘风格简洁美观头脑风暴、草图、概念图Draw.io功能丰富专业强大复杂架构图、网络拓扑图技术栈Next.js 16、React 19、Excalidraw、Tailwind CSS 4、Monaco Editor实战官网即在线demo基于源码本地部署# 克隆项目gitclone https://github.com/liujuntao123/smart-excalidraw-next.gitcdsmart-excalidraw-next# 安装依赖pnpminstall# 启动开发服务器pnpmdev浏览器打开http://localhost:3000开始体验和官网没啥区别。Smart Mermaid官网即在线体验还是上面2个项目的作者开源GitHub1.2K Star137 Fork的另一个绘图项目。一个将自然语言文本转换为Mermaid代码并渲染为图表的Web应用支持常见Mermaid图表类型如流程图、序列图、甘特图、状态图等提供标准渲染与手绘风渲染两种模式并内置代码修复与优化能力。功能概览文本转图表将文本转换为符合Mermaid规范的代码可自动或手动选择图表类型流式生成可选基于SSE增量返回内容编辑器可实时显示生成片段双渲染器Mermaid渲染器SVG支持缩放、平移、重置、全屏与SVG下载Excalidraw渲染器手绘风格基于转换结果渲染支持PNG下载代码辅助复制、AI智能修复/api/fix-mermaid、一键方向切换TD/LR优化能力AI优化/api/optimize-mermaid与优化建议/api/optimize-mermaid/suggestions可一键应用或输入自定义指令文件导入支持.txt、.md、.docx提取文本后生成图表历史记录本地存储历史条目可回看与回填使用限制与解锁默认每日5次本地存储计数。通过访问密码验证或自定义AI配置可解除限制模型选择可通过环境变量AI_MODELS提供候选列表未配置则使用默认模型技术栈Next.js 15App Router、React 19、shadcn/ui、Radix UI、next-themes、Tailwind CSS v4、Mammoth.docx文件解析实战打开官网奇奇怪怪默认情况下生成并渲染Excalidraw类型图表点击切换开关编程Mermaid渲染默认每日5次免费额度基于浏览器本地按日计数用于功能体验。刷新网页默认渲染Excalidraw下面某个项目AI Excalidraw和这个界面高度相似基于源码和Docker Compose本地部署gitclone https://github.com/liujuntao123/smart-mermaid.gitcdsmart-mermaiddocker-composeup-d或基于源码和npm本地部署gitclone https://github.com/liujuntao123/smart-mermaid.gitcdsmart-mermaidnpminstallnpmrun dev浏览器打开http://localhost:3000开始体验和官网没啥区别。Diagram GPT官网即在线demo基于Mermaid.jsTypeScript编写、用自然语言生成图表的开源GitHub319 Star76 Fork项目支持多种图表类型流程图、序列图、类图、用户旅程图、甘特图、C4架构图、思维导图。核心特性无需学习专业绘图语法一键生成多种图表类型支持导出为SVG、PNG、Markdown响应式设计移动端友好实战基于源码以及Node.js环境安装gitclone https://github.com/fraserxu/diagram-gpt.gitcddiagram-gptnpminstallnpmrun dev# oryarndev# orpnpmdev可能会遇到报错但不要紧报错意思是下载字体失败使用默认字体。浏览器打开http://localhost:3000开始体验。实际上和官网一模一样官网即demo。未配置API Key时发起Query提示非常可惜只支持OpenAI API Key使用OpenAI API兼容Key如DeepSeek报错提示得掏钱去买国外的Token。AI Excalidraw官网中文名构图AI专为Excalidraw优化的AI集成的开源GitHub215 Star49 Fork绘图工具。功能特性绘图自然语言描述即可生成Excalidraw元素流式、响应式设计边生成边渲染到画布选中元素后可让AI局部修改同id更新会话与工具多会话管理新会话使用独立画布多轮对话上下文自动清洗历史中的JSON/思考内容工具调用查询画布、删除元素、批量更新元素多模型支持OpenAI、智谱AI、阿里百炼等交互体验桌面端与移动端共用同一套绘图会话逻辑中英文界面暗色模式跟随Excalidraw主题本地优先存储导入/导出本地备份会话、画布、API配置实战可直接在线体验注意需要微信扫描登录只能体验一次之后使用需付费那还不如自己本地部署基于源码和Bun环境部署gitclone https://github.com/co-pine/ai-excalidraw.gitcdai-excalidraw buninstallbun run dev浏览器打开http://localhost:5173开始体验提示设置API Key。简单测试一下输入提示词【RAG通用技术架构示意图】效果还行Auto-Drawio基于AI的开源GitHub56 Star5 Fork自动化流程图生成工具支持通过自然语言描述快速创建专业的Draw.io流程图体验地址已打不开。实战官方支持多种部署方式gitclone https://github.com/ZhangQL2824/auto-drawio.gitcdauto-drawio# 基于Docker Composedocker-composeup-d# 基于Python和Node.jscdbackend pipinstall-rrequirements.txtcp.env.example .envvim.env python main.pycdfrontendnpminstallnpmrun dev浏览器打开http://localhost:5173开始体验打开http://localhost:8000参考后端服务状态。
绘图项目系列超强大免费绘图工具draw.io初体验Mermaid语法、实战画图工具汇总Excalidraw、tldraw、Drawnix、Drawio绘图工具汇总FossFLOW、LogicFlow、oxdraw、LucidChart、iCraft Editor代码画图项目、Skill插件汇总Next AI Draw.io、Fireworks-Tech-GraphAI绘图项目Beautiful-Mermaid、LikeC4、DeepDiagramSimpleMindMap官网开源GitHub12.6K Star1.7K Fork思维导图工具基于原生JS开发不依赖任何前端框架既可集成到项目里也可直接当日常工具用。支持多人协同编辑采用插件化架构核心功能之外的其他功能都可以按需加载打包体积可以减小60%以上。在线体验官方文档。内置多种主题支持注册新主题节点形状、颜色、字体、线条样式、布局算法都可自由调整。功能特性支持创建无限数量的文件、节点自由节点支持创建使用模板提供丰富的设置基础设置、自定义字体/快捷键/右键菜单/图标、图床配置、AI配置、webdav云同步配置等等可玩性很高支持思维导图、逻辑结构图、目录组织图、组织结构图、时间轴、鱼骨图、表格等多种结构类型内置上百个丰富好看的主题也支持自定义主题及AI生成主题节点支持添加文本、图片、链接、图标、备注、附件、标签、概要节点、关联线、外框、标记、待办、描述、编号、数学公式等丰富内容支持导入XMind、FreeMind、Markdown、Txt、Xlsx等格式文件支持导出为PNG、XMind、SVG、PDF、Markdown、Txt、Xlsx、FreeMind、Mermaid、Html等格式丰富的样式设置文字、边框、背景、形状、线条、内外边距、图片标签布局等等支持历史版本管理、演示模式、AI生成、手绘风格、大纲编辑、水印、滚动条、同级节点对齐、小地图、进入指定节点、彩虹线条、节点双向链接、搜索替换等等实用有趣的功能WebDAV云同步支持配置WebDAV协议轻松实现多设备文件同步保障数据一致性的同时不牺牲隐私跨平台、多语言支持提供Obsidian和UTools插件三种使用方式网页版打开浏览器就能用自动保存不用安装桌面客户端基于Electron开发支持主流系统私有化部署提供Docker镜像可以部署在自己的服务器上数据完全自主可控支持思维导图逻辑结构图向左/向右思维导图经典中心发散组织结构图上下级关系目录组织图层级目录时间轴横向/竖向鱼骨图因果分析节点支持填写文本普通文本、富文本图片直接插入图标内置图标库超链接链接到网页或其他节点备注隐藏的详细信息标签分类标记概要节点摘要数学公式支持LaTeX语法导出为图片格式PNG、SVG文档格式PDF、Markdown、TXT思维导图格式XMind、JSON支持从XMind、Markdown、JSON导入小功能小地图让你在大画布里看清全局位置搜索替换批量修改节点文字手绘风格让导图看起来更生动可爱彩虹线条分支自动渐变配色关联线任意两个节点之间画连接线演示模式直接拿思维导图当PPT用实战在线体验样式及设置AI-Draw-Nexus官网专注于绘图的开源AI增强工具官方文档托管在飞书文档。比较迷糊的点在于不确定官网提供的能力是不是由同一个创作者的2个不同GitHub仓库提供都指向官网smart-excalidraw-next3.5K Star425 Fork负责支持Excalidraw类型smart-draw427 Star94 Fork负责支持Draw.io类型功能全景GitHub上这个图不知道是项目自身生成还是用GPT生成用户操作首次功能特性自然语言生成图表用最普通的大白话发起绘图需求图表类型支持Mermaid、Excalidraw、Draw.io丰富图表类型支持20种图表类型包括流程图、架构图、时序图、ER图、思维导图、网络拓扑图、甘特图等。也可让AI根据你的描述自动选择最合适的图表类型实时流式响应和渲染完美编辑器集成生成的图表完全基于Draw.io或Excalidraw格式可在画布上自由编辑、调整样式、添加细节实现AI生成与手动精修的完美结合独创连接算法采用独创的智能箭头优化算法自动计算最佳连接点确保图表井然有序、逻辑清晰告别混乱的线条交叉多会话管理支持查看历史会话开箱即用只需配置一个AI API密钥即可开始使用无需复杂的环境搭建。所有配置保存在本地浏览器隐私安全有保障支持多种AI API包括国内服务商本地存储数据安全移动端适配良好引擎对比引擎特点适用场景Mermaid代码驱动简洁工整短小精悍流程图、时序图、类图、ER图Excalidraw手绘风格简洁美观头脑风暴、草图、概念图Draw.io功能丰富专业强大复杂架构图、网络拓扑图技术栈Next.js 16、React 19、Excalidraw、Tailwind CSS 4、Monaco Editor实战官网即在线demo基于源码本地部署# 克隆项目gitclone https://github.com/liujuntao123/smart-excalidraw-next.gitcdsmart-excalidraw-next# 安装依赖pnpminstall# 启动开发服务器pnpmdev浏览器打开http://localhost:3000开始体验和官网没啥区别。Smart Mermaid官网即在线体验还是上面2个项目的作者开源GitHub1.2K Star137 Fork的另一个绘图项目。一个将自然语言文本转换为Mermaid代码并渲染为图表的Web应用支持常见Mermaid图表类型如流程图、序列图、甘特图、状态图等提供标准渲染与手绘风渲染两种模式并内置代码修复与优化能力。功能概览文本转图表将文本转换为符合Mermaid规范的代码可自动或手动选择图表类型流式生成可选基于SSE增量返回内容编辑器可实时显示生成片段双渲染器Mermaid渲染器SVG支持缩放、平移、重置、全屏与SVG下载Excalidraw渲染器手绘风格基于转换结果渲染支持PNG下载代码辅助复制、AI智能修复/api/fix-mermaid、一键方向切换TD/LR优化能力AI优化/api/optimize-mermaid与优化建议/api/optimize-mermaid/suggestions可一键应用或输入自定义指令文件导入支持.txt、.md、.docx提取文本后生成图表历史记录本地存储历史条目可回看与回填使用限制与解锁默认每日5次本地存储计数。通过访问密码验证或自定义AI配置可解除限制模型选择可通过环境变量AI_MODELS提供候选列表未配置则使用默认模型技术栈Next.js 15App Router、React 19、shadcn/ui、Radix UI、next-themes、Tailwind CSS v4、Mammoth.docx文件解析实战打开官网奇奇怪怪默认情况下生成并渲染Excalidraw类型图表点击切换开关编程Mermaid渲染默认每日5次免费额度基于浏览器本地按日计数用于功能体验。刷新网页默认渲染Excalidraw下面某个项目AI Excalidraw和这个界面高度相似基于源码和Docker Compose本地部署gitclone https://github.com/liujuntao123/smart-mermaid.gitcdsmart-mermaiddocker-composeup-d或基于源码和npm本地部署gitclone https://github.com/liujuntao123/smart-mermaid.gitcdsmart-mermaidnpminstallnpmrun dev浏览器打开http://localhost:3000开始体验和官网没啥区别。Diagram GPT官网即在线demo基于Mermaid.jsTypeScript编写、用自然语言生成图表的开源GitHub319 Star76 Fork项目支持多种图表类型流程图、序列图、类图、用户旅程图、甘特图、C4架构图、思维导图。核心特性无需学习专业绘图语法一键生成多种图表类型支持导出为SVG、PNG、Markdown响应式设计移动端友好实战基于源码以及Node.js环境安装gitclone https://github.com/fraserxu/diagram-gpt.gitcddiagram-gptnpminstallnpmrun dev# oryarndev# orpnpmdev可能会遇到报错但不要紧报错意思是下载字体失败使用默认字体。浏览器打开http://localhost:3000开始体验。实际上和官网一模一样官网即demo。未配置API Key时发起Query提示非常可惜只支持OpenAI API Key使用OpenAI API兼容Key如DeepSeek报错提示得掏钱去买国外的Token。AI Excalidraw官网中文名构图AI专为Excalidraw优化的AI集成的开源GitHub215 Star49 Fork绘图工具。功能特性绘图自然语言描述即可生成Excalidraw元素流式、响应式设计边生成边渲染到画布选中元素后可让AI局部修改同id更新会话与工具多会话管理新会话使用独立画布多轮对话上下文自动清洗历史中的JSON/思考内容工具调用查询画布、删除元素、批量更新元素多模型支持OpenAI、智谱AI、阿里百炼等交互体验桌面端与移动端共用同一套绘图会话逻辑中英文界面暗色模式跟随Excalidraw主题本地优先存储导入/导出本地备份会话、画布、API配置实战可直接在线体验注意需要微信扫描登录只能体验一次之后使用需付费那还不如自己本地部署基于源码和Bun环境部署gitclone https://github.com/co-pine/ai-excalidraw.gitcdai-excalidraw buninstallbun run dev浏览器打开http://localhost:5173开始体验提示设置API Key。简单测试一下输入提示词【RAG通用技术架构示意图】效果还行Auto-Drawio基于AI的开源GitHub56 Star5 Fork自动化流程图生成工具支持通过自然语言描述快速创建专业的Draw.io流程图体验地址已打不开。实战官方支持多种部署方式gitclone https://github.com/ZhangQL2824/auto-drawio.gitcdauto-drawio# 基于Docker Composedocker-composeup-d# 基于Python和Node.jscdbackend pipinstall-rrequirements.txtcp.env.example .envvim.env python main.pycdfrontendnpminstallnpmrun dev浏览器打开http://localhost:5173开始体验打开http://localhost:8000参考后端服务状态。
