AI比你更会画好看的UML

背景

作为程序员经常需要画各种图纸，什么流程图、状态图、时序图、ER图等等，那有通常都是用什么工具来画呢？

  1. draw.io 在线工具
  2. PlantUML 用代码来画
  3. AI帮你画

没错，现在都是AI时代了，自然是要用AI来画，毕竟AI比你更懂UML 。 以前我们让AI画流程，它会花城这样

现在可以换新的插件啦

使用

github.com/cathrynlavery/diagram-design 这是一个开源的画设计图纸插件，用这个技能可以画出很多不同类型的图纸

  • 基础图表 / 结构类

  • 01 Architecture（架构图）
  • 02 Flowchart（流程图）
  • 03 Sequence（时序图）
  • 04 State（状态图）
  • 05 ER（实体关系图）
  • 06 Timeline（时间线图）
  • 07 Swimlane（泳道图）
  • 08 Quadrant（象限图）
  • 09 Nested（嵌套图）
  • 10 Tree（树状图）
  • 11 Org chart（组织结构图）
  • 12 Layers（分层图）
  • 13 Venn（韦恩图）
  • 14 Pyramid（金字塔图）
  • 17 Loop（循环图）
  • 35 Sankey（桑基图）
  • 37 Wardley map（瓦德利地图）
  • 41 Dependency graph（依赖关系图）
  • 42 UML class（UML 类图）
  • 44 Database schema（数据库模式图）
  • 53 Tree · block decomposition（树 · 块分解图）

  • 数据可视化类

  • 15 Radar（雷达图）、16 Polar（极坐标图）

  • 19 Bar（柱状图）、20 Line（折线图）
  • 22 Scatter / Scatter·bubble / Scatter·beeswarm（散点图 / 气泡图 / 蜂群图）
  • 21 Gantt（甘特图）、30 Treemap（矩形式树状结构图）

  • 20 Line·slopegraph、20 Line·ridgeline、20 Line·bump（斜率图 / 山脊线图 / 凹凸图）

  • 架构 / 数据 / 平台类

  • 18 Data lake（数据湖）、23 Medallion（分层架构）、24 High-Level（高层级图）

  • 25 Process（过程图）、27 Data flow（数据流图）、28 DP integration（DP 集成）
  • 29 High-Level / Parametric、34 IT current-state（IT 现状）、40 Deployment（部署图）
  • 22 Scatter 系列、33 DP security matrix（DP 安全矩阵）

  • 45 Sequence·OAuth（时序图 · OAuth）、46 Import·draw.io、47 Import·Mermaid

  • 敏捷 / 产品 / 用户类

  • 38 Kanban（看板）、39 User journey（用户旅程）、43 Story map（故事地图）

  • 48 Quadrant·consultant（顾问式象限）、49 Loop·terminal（终端循环）、50–52 动画系列（Policy trace / Fan-in queue / Secure paved road，均带 animated）

安装

  • 在claude code 中的安装方法
1
2
/plugin marketplace add cathrynlavery/diagram-design
/plugin install diagram-design@diagram-design
  • 在 codex 中的安装方法
1
2
codex plugin marketplace add cathrynlavery/diagram-design
codex plugin add diagram-design@diagram-design
  • Z-CODE

那国产AI助手平台怎么办？这都开源了还怕装不来哦吗？先把源码下下来并解压。这里以Z-CODE为例。

点击插件市场，然后点击新建，选择目录（之前下下来的源码解压完的目录）

使用

安装完成之后就能使用了，用 $ Diagram Design 使用这个插件 ，例如让它画一个注册账号的流程图

画好的效果是这样的