AI画图进化了:说句话就能生成架构图、流程图、思维导图

AI 画图进化了:说句话就能生成一套完整的架构图、流程图、思维导图

你还在用鼠标拖拽画流程图吗?或者在 Mermaid、PlantUML 里跟语法搏斗?今天看到一个让我眼前一亮的 Skill——excalidraw-diagram-generator,它做的事情很简单:你说话,AI 直接给你生成 Excalidraw 可编辑的图表文件

不需要记语法,不需要手动排版,只需要一句描述,比如”创建一个用户注册流程图”,几秒钟后你就能拿到一个完整的 .excalidraw 文件,直接拖进 excalidraw.com 打开编辑。

支持哪些图表类型?

这是我见过覆盖最全的图表生成 Skill:

  • 📊 Flowchart:流程图、步骤图
  • 🔗 Relationship Diagram:实体关系图、系统组件图
  • 🧠 Mind Map:思维导图、概念层次图
  • 🏗️ Architecture Diagram:系统架构图、模块交互图
  • 📈 Data Flow Diagram:数据流图
  • 🏊 Swimlane:跨职能流程图
  • 📦 Class Diagram:类结构图
  • 🔄 Sequence Diagram:时序图
  • 🗃️ ER Diagram:数据库 ER 图

基本上覆盖了工程师日常要画的所有图类型,一句话就能生成。

还能接 AWS / GCP 图标库

更狠的是它支持接入 Excalidraw 官方图标库。装好 AWS Architecture Icons 之后,你可以直接生成带真实 AWS 图标的架构图——EC2、S3、Lambda、RDS 全部都是官方图标,不是你随手画的方块。

操作方式是先下载 .excalidrawlib 文件,放进指定目录,然后跑一个 Python 脚本split图标库,之后就可以在对话里按需添加图标、连接线和标签。整个过程不需要 AI 处理图标的大 JSON 文件(每个图标 200-1000 行),而是脚本直接操作文件,token 零消耗。

上手体验

使用门槛极低:只要你能用自然语言描述你想画的图就行。Skill 会自动帮你做这几件事:

  • 理解你的需求,判断图表类型
  • 提取结构化信息(实体、步骤、关系)
  • 生成合规的 Excalidraw JSON
  • 给出元素数量建议(推荐不超过 20 个)
  • 告诉你在哪里打开和编辑

生成的文件可以在 Excalidraw 网页版直接打开,也可以用 VS Code 的 Excalidraw 插件在编辑器里查看。画出来的图风格统一、色系协调,不是那种丑得看不下去的 AI 生成图。

适合谁用?

  • 后端/架构工程师:快速出系统架构图、ER 图、时序图
  • 产品经理:画业务流程、用户旅程图
  • 技术博主/写作者:为文章配专业的示意图
  • 任何需要画图但懒得手动排版的人

GitHub Star 20,589,76 次安装,Smithery 官方审核通过。唯一需要注意的是复杂曲线会简化、最大建议 20 个元素,但日常够用了。

说实话,用过这个之后我已经开始嫌弃自己以前画的那些歪歪扭扭的图了。

GitHubhttps://github.com/github/awesome-copilot/tree/main/skills/excalidraw-diagram-generator


GitHub: https://github.com/github/awesome-copilot/tree/main/skills/excalidraw-diagram-generator

评论区

0 条评论

登录后可评论。

沈星河 15 阅读