当前位置: 首页 > news >正文

还在用 Visio 画架构图?这个 AI 神器让你告别手动绘图,5秒出图还能改!

👉这是一个或许对你有用的社群

🐱 一对一交流/面试小册/简历优化/求职解惑,欢迎加入「芋道快速开发平台」知识星球。下面是星球提供的部分资料:

  • 《项目实战(视频)》:从书中学,往事中“练”

  • 《互联网高频面试题》:面朝简历学习,春暖花开

  • 《架构 x 系统设计》:摧枯拉朽,掌控面试高频场景题

  • 《精进 Java 学习指南》:系统学习,互联网主流技术栈

  • 《必读 Java 源码专栏》:知其然,知其所以然

👉这是一个或许对你有用的开源项目

国产Star破10w的开源项目,前端包括管理后台、微信小程序,后端支持单体、微服务架构

RBAC权限、数据权限、SaaS多租户、商城、支付、工作流、大屏报表、ERP、CRMAI大模型、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 生成的视角往往能启发新的思考角度。


欢迎加入我的知识星球,全面提升技术能力。

👉 加入方式,长按”或“扫描”下方二维码噢

星球的内容包括:项目实战、面试招聘、源码解析、学习路线。

文章有帮助的话,在看,转发吧。 谢谢支持哟 (*^__^*)
http://www.jsqmd.com/news/684214/

相关文章:

  • 打卡信奥刷题(3150)用C++实现信奥题 P7682 [COCI 2008/2009 #5] TRESNJA
  • 服务型AI设计:从自助陷阱到智能服务革命
  • 2026 热镀锌桥架实测排行:全维度性能解析与工程采购落地指南 - 外贸老黄
  • 竞技性机器学习:核心优势与实战进阶指南
  • LeetCode 2024. 考试的最大困扰度【不定长滑窗】1643
  • 避开STC15定时器的那些坑:从模式选择到中断响应,我的调试笔记
  • 实战解析:基于GD32与ADS1118的高精度数据采集系统搭建
  • 2026 热镀锌桥架综合实力 TOP 测评:全维度品质实测与工程采购实操指南 - 外贸老黄
  • between的用法
  • 单片机控制板基础设计原则
  • 5分钟掌握SMUDebugTool:AMD Ryzen处理器硬件调试实战指南
  • 别再手动复制DLL了!Qt Creator + CMake一键配置OpenCV库(附完整配置流程)
  • LFM2.5-1.2B-Thinking轻量部署:Ollama系统提示词配置,让1.2B小模型发挥大能量
  • [Windows] Mouser v3.5.3第三方罗技鼠标驱动
  • 速看!黄金秘籍解决华为防火墙最困难的故障
  • 新手必看:CTFHub靶场RCE通关保姆级教程(从环境搭建到Flag获取)
  • 2026年AI生成式引擎优化行业梳理:五家值得企业选型参考的AI优化GEO服务商推荐 - 商业小白条
  • 往前走——成为更好的自己
  • 利用云函数做一个钉钉机器人提醒功能教程
  • Qwen3.5-2B赋能前端开发:自动生成JavaScript组件代码与文档
  • RWKV7-1.5B-world保姆级教程:Gradio界面日志导出功能,用于对话质量人工评估
  • 往前走,做更好的自己
  • JetBrains IDE试用期重置终极指南:2026年免费解锁30天完整功能
  • 大一新生组队玩转CUIT智能车:从零到跑完赛道,我们的STM32电磁循迹调车全记录
  • 别再死记硬背命令了!用Conda+Fastp+Bowtie2搞定ATAC-seq上游分析(附完整代码与避坑记录)
  • 【2026最新】英文论文降AI率怎么做?6大主流工具实测盘点,这3个坑千万别踩!
  • ESP32玩转网络转发:除了做中继,你的AP+STA模式还能这样用(附IoT项目思路)
  • 建第四个 AI 爬虫逆向 500 人交流群
  • 保姆级教程:用K210和MaixPy IDE从零搭建人脸识别系统(附完整代码与模型下载)
  • 从Wi-Fi到6G:拆解太赫兹频率梳在下一代通信中的关键角色