阅读全文

⭐⭐⭐ Spring Boot 项目实战	⭐⭐⭐ Spring Cloud 项目实战
《Dubbo 实现原理与源码解析 —— 精品合集》	《Netty 实现原理与源码解析 —— 精品合集》
《Spring 实现原理与源码解析 —— 精品合集》	《MyBatis 实现原理与源码解析 —— 精品合集》
《Spring MVC 实现原理与源码解析 —— 精品合集》	《数据库实体设计合集》
《Spring Boot 实现原理与源码解析 —— 精品合集》	《Java 面试题 + Java 学习指南》

摘要: 原创出处 http://www.iocoder.cn/Fight/haizaiyong-Visio-huajiagoutuzheige-AI-shenqirangnigaobieshoudonghuitu5miaochutuhainenggai/ 「芋道源码」欢迎转载，保留摘要，谢谢！

• 痛点：AI 出图容易，改图难
• 核心亮点
• 使用体验
• 项目截图
• 技术栈
• 实际应用场景

---

🙂🙂🙂关注微信公众号：【芋道源码】有福利：

1. RocketMQ / MyCAT / Sharding-JDBC 所有源码分析文章列表
2. RocketMQ / MyCAT / Sharding-JDBC 中文注释源码 GitHub 地址
3. 您对于源码的疑问每条留言都将得到认真回复。甚至不知道如何读源码也可以请教噢。
4. 新的源码解析文章实时收到通知。每周更新一篇左右。
5. 认真的源码交流微信群。

---

你有没有为了画一张系统架构图在 Visio 或 Draw.io 里浪费大半小时？或者用 AI 生成的图表发现是张图片，没法继续编辑？

Smart Excalidraw Next 是一个将大语言模型和 Excalidraw 绘图引擎结合的开源项目。核心想法：用自然语言描述需求，AI 自动画出来——但生成的不是图片，而是可以继续编辑的矢量图形。

GitHub：https://github.com/liujuntao123/smart-excalidraw-next

痛点：AI 出图容易，改图难

市面上用 AI 生成图表的工具不少，但大多数输出的是 PNG——生成容易修改难。你想调个节点位置、改个颜色，只能重新生成。

Smart Excalidraw Next 选择 Excalidraw 作为底层引擎，所有生成结果都是 Excalidraw 原生格式的矢量图形。AI 生成是起点，人工精修是终点——这种人机结合通常能产出最高质量的结果。

核心亮点

AI 驱动，自动识别图表类型

不需要事先选类型。告诉 AI”画一个用户登录的流程图”或”设计一个电商系统的 ER 图”，它自动识别并选择最合适的展现形式。支持 20+ 种图表：流程图、架构图、时序图、ER 图、思维导图、网络拓扑图、状态机图…

独创箭头连接算法

用过 AI 画图工具的人都见过这种情况：线条交叉成一团，节点间连接关系模糊不清。Smart Excalidraw Next 针对这个问题开发了专门的箭头优化算法，基于图论和布局算法自动计算最佳路径，确保逻辑图清晰美观。

完整的 Excalidraw 集成

生成的图表可以：

• 调整节点位置和大小
• 修改线条样式和颜色
• 添加形状和文字注释
• 保存为 Excalidraw 格式
• 导出为 PNG、SVG 等格式

使用体验

在线体验：直接访问 https://ai-draw-nexus.aizhi.site

本地部署：

git clone https://github.com/liujuntao123/smart-excalidraw-next
cd smart-excalidraw-next
pnpm install
pnpm dev
# 访问 http://localhost:3000

支持团队统一部署：服务器端配置 LLM，用户输入访问密码即可使用，不需要各自申请 API Key。

模型推荐：官方推荐 Claude Sonnet（空间逻辑理解和复杂图表布局上表现最佳）。GPT 也能用，但实测 Claude 更稳定。

隐私：API Key 保存在浏览器本地存储，不上传远程服务器。

项目截图

技术栈

• 前端：Next.js 16 + React 19
• 绘图引擎：Excalidraw SDK
• 样式：Tailwind CSS 4
• 代码编辑器：Monaco Editor（显示生成的 JSON 代码）

前后端分离设计：支持完全前端化部署（用户自带 API Key），也支持企业级集中管理。

实际应用场景

技术文档配图：一段描述不如一张图。直接描述需求，几秒钟出一张专业图表，不完美再微调——比从零开始画快得多。

会议白板：会议中口头描述方案，AI 实时生成图表，比手画草图清楚。

旧图翻新：上传旧图（PPT/PDF/手绘），AI 识别结构后用 Excalidraw 元素复刻，省去手工重绘。

学习辅助：学习复杂概念时快速生成思维导图或架构图，AI 生成的视角往往能启发新的思考角度。