还在用 Visio 画架构图?这个 AI 神器让你告别手动绘图,5秒出图还能改!
👉这是一个或许对你有用的社群
🐱 一对一交流/面试小册/简历优化/求职解惑,欢迎加入「芋道快速开发平台」知识星球。下面是星球提供的部分资料:
《项目实战(视频)》:从书中学,往事中“练”
《互联网高频面试题》:面朝简历学习,春暖花开
《架构 x 系统设计》:摧枯拉朽,掌控面试高频场景题
《精进 Java 学习指南》:系统学习,互联网主流技术栈
《必读 Java 源码专栏》:知其然,知其所以然
👉这是一个或许对你有用的开源项目
国产Star破10w的开源项目,前端包括管理后台、微信小程序,后端支持单体、微服务架构
RBAC权限、数据权限、SaaS多租户、商城、支付、工作流、大屏报表、ERP、CRM、AI大模型、IoT物联网等功能:
多模块:https://gitee.com/zhijiantianya/ruoyi-vue-pro
微服务:https://gitee.com/zhijiantianya/yudao-cloud
视频教程:https://doc.iocoder.cn
【国内首批】支持 JDK17/21+SpringBoot3、JDK8/11+Spring Boot2双版本
痛点:AI 出图容易,改图难
核心亮点
使用体验
项目截图
技术栈
实际应用场景
你有没有为了画一张系统架构图在 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 生成是起点,人工精修是终点——这种人机结合通常能产出最高质量的结果。
基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能
项目地址:https://github.com/YunaiV/ruoyi-vue-pro
视频教程:https://doc.iocoder.cn/video/
核心亮点
AI 驱动,自动识别图表类型
不需要事先选类型。告诉 AI"画一个用户登录的流程图"或"设计一个电商系统的 ER 图",它自动识别并选择最合适的展现形式。支持 20+ 种图表:流程图、架构图、时序图、ER 图、思维导图、网络拓扑图、状态机图…
独创箭头连接算法
用过 AI 画图工具的人都见过这种情况:线条交叉成一团,节点间连接关系模糊不清。Smart Excalidraw Next 针对这个问题开发了专门的箭头优化算法,基于图论和布局算法自动计算最佳路径,确保逻辑图清晰美观。
完整的 Excalidraw 集成
生成的图表可以:
调整节点位置和大小
修改线条样式和颜色
添加形状和文字注释
保存为 Excalidraw 格式
导出为 PNG、SVG 等格式
基于 Spring Cloud Alibaba + Gateway + Nacos + RocketMQ + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能
项目地址:https://github.com/YunaiV/yudao-cloud
视频教程:https://doc.iocoder.cn/video/
使用体验
在线体验:直接访问 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 生成的视角往往能启发新的思考角度。
欢迎加入我的知识星球,全面提升技术能力。
👉 加入方式,“长按”或“扫描”下方二维码噢:
星球的内容包括:项目实战、面试招聘、源码解析、学习路线。
文章有帮助的话,在看,转发吧。 谢谢支持哟 (*^__^*)