近年来，随着大模型的发展，AI 在各行各业的应用日益广泛，尤其在系统设计与可视化建模方面展现出了强大的潜力。从以往复杂、繁琐的手动画图过程，到如今“一句话生成图”的智能方式，AI 为技术人员和产品设计师带来了前所未有的便捷。
全网众多技术大佬开始教授如何使用 AI 大模型绘制系统设计图、流程图、序列图、ER 图、类图等。不过，在这些教学中我们发现了一个普遍的问题：
画图容易，微调难。
生成图仅需几秒，但要想精准微调这些图形，可能需要几十分钟甚至更久。许多教程在这方面避而不谈，令初学者望而却步。这到底是技术壁垒还是有意“藏私”？实际上，很多教学者也在摸索阶段，尚未掌握微调的最佳方式。
不过，好消息来了——虚竹哥通过反复测试与研究，开发出了一套完整的、可高效微调的图形生成方案。该方案基于当今最强的编程大模型之一 Claude 3.7，通过生成标准的 Mermaid 语法代码，在可视化平台 ProcessOn 上实现精美图形的快速绘制与微调。
本篇文章将从基础讲起，手把手教你如何操作 Claude 3.7 和 Mermaid 语言，通过 ProcessOn 平台快速绘制各类图形。我们不仅追求“生成图”，更强调“微调能力”，真正实现可控、可修改、可拓展的智能绘图系统。
Lethehong的系统已经集成了 Claude 3.7 ， 今天跟Lethehong一起来学习这个大模型，学习画图。
AI大模型操作指导
输入购买或获取的授权码 登录系统选择 Claude 3.7 模型，进入对话界面
输入指令，如：“画一个电商订单流程图，使用 Mermaid 语法输出”
processon操作指导
登录（https://www.processon.com/）
登录个人账号
创建新图，选择“Mermaid”图表类型
粘贴 Claude 生成的 Mermaid 代码
可手动调整位置、颜色、布局等细节
图表可导出为图片、SVG、PDF 等多种格式
实战示例
绘制“2024 年中国各省新生人口数量”的饼图
画一个2024年中国各省新生人口数量的饼图统计，用mermaid语法输出
Claude 3.7 返回代码如下：
pie title 2024年中国各省新生人口统计示例
"广东" : 123
"山东" : 103
"河南" : 95
"四川" : 85
"江苏" : 82
"河北" : 75
"湖南" : 70
"安徽" : 67
"浙江" : 65
"湖北" : 63
"其他省份" : 350
效果演示： 将上述代码粘贴至 ProcessOn 中，即可生成直观的饼图，用于展示省份对比和数据占比。 微调技巧：
- 修改数字即可更新占比
- 更改标题或类别名，实现图表定制化
- 可设置颜色风格，提高视觉辨识度
流程图由节点（几何形状）和边（箭头或线条）组成。Mermaid 代码定义了如何创建节点和边，并适应不同的箭头类型、多方向箭头以及与子图之间的任何链接。
实战示例
用户注册与登录流程
画一个用户注册与登录的流程图，内容用中文，用mermaid语法输出
生成代码：
flowchart TD
A[开始] --> B{用户是否有账号?}
B -->|否| C[注册流程]
B -->|是| M[登录流程]
%% 注册流程
C --> D[输入用户名/邮箱]
D --> E[输入密码]
E --> F[输入个人信息]
F --> G[提交注册信息]
G --> H{验证通过?}
H -->|否| I[显示错误信息]
I --> D
H -->|是| J[创建用户账号]
J --> K[发送验证邮件]
K --> L[账号创建完成]
L --> M
%% 登录流程
M --> N[输入用户名/邮箱]
N --> O[输入密码]
O --> P[提交登录]
P --> Q{凭证有效?}
Q -->|否| R[显示错误信息]
R --> N
Q -->|是| S{账号已验证?}
S -->|否| T[提示验证账号]
S -->|是| U[登录成功]
U --> V[重定向到主页面]
V --> W[结束]
应用场景：
- 注册与登录系统设计文档
- UX 设计说明书
- QA 测试流程说明
微调技巧：
- 更改节点名称，更贴近实际业务
- 调整节点顺序，添加分支条件
- 可替换箭头方向，支持 LR（左右方向）或 BT（自下而上）展示
序列图用于展示系统中各参与者之间的通信过程，适用于 API 调用顺序、微服务交互、客户端与服务端协作等场景。 目标：描述用户在电商网站下单的完整流程
实战示例
画一个 用户在电商网站下单的序列图 的流程图，内容用中文，用mermaid语法输出
生成的代码如下：
sequenceDiagram
participant 用户
participant 网站前端
participant 认证系统
participant 商品系统
participant 购物车系统
participant 订单系统
participant 支付系统
用户->>网站前端: 访问电商网站
网站前端->>认证系统: 验证用户身份
认证系统-->>网站前端: 返回用户信息
用户->>网站前端: 浏览商品
网站前端->>商品系统: 请求商品信息
商品系统-->>网站前端: 返回商品列表
网站前端-->>用户: 展示商品
用户->>网站前端: 选择商品
网站前端->>商品系统: 获取商品详情
商品系统-->>网站前端: 返回商品详情
网站前端-->>用户: 显示商品详情
用户->>网站前端: 添加商品到购物车
网站前端->>购物车系统: 更新购物车
购物车系统-->>网站前端: 购物车更新成功
用户->>网站前端: 查看购物车
网站前端->>购物车系统: 获取购物车信息
购物车系统-->>网站前端: 返回购物车信息
网站前端-->>用户: 显示购物车内容
用户->>网站前端: 结算下单
网站前端->>订单系统: 创建订单
订单系统->>商品系统: 检查库存
商品系统-->>订单系统: 库存确认
订单系统->>购物车系统: 清空购物车
订单系统-->>网站前端: 订单创建成功
网站前端-->>用户: 显示订单信息
用户->>网站前端: 选择支付方式并支付
网站前端->>支付系统: 发起支付请求
支付系统-->>网站前端: 返回支付链接/界面
网站前端-->>用户: 跳转到支付界面
用户->>支付系统: 完成支付
支付系统->>订单系统: 支付成功通知
订单系统-->>网站前端: 更新订单状态
网站前端-->>用户: 显示支付成功，订单确认
通过指定网站（https://www.processon.com/）生成对应的图。
优势：
- 展示系统模块职责边界
- 明确各参与者通信顺序
- 有助于服务拆分与 API 设计
微调建议：
- 增加失败场景，如支付失败处理
- 添加日志模块或监控模块
- 优化术语贴合公司内部命名
AI + Mermaid + ProcessOn 打造智能图形新范式
本文展示了如何借助 Claude 3.7 生成 Mermaid 代码，通过 ProcessOn 平台快速绘制出专业图形，并支持手动微调、二次编辑，实现高效率与高自由度的结合。
在传统图形绘制中，人工操作繁琐、效率低、难以复用。而通过 AI 的辅助，不仅可以实现图形的快速起草，还能根据业务需求随时扩展与修改，大大提高了系统设计、文档编写、产品规划等工作的整体效率。
未来，AI+可视化将成为系统工程、产品设计、软件开发的核心能力之一。希望每位读者都能借助这套工具体系，迈向更高效的可视化协作之路。
如果你想体验更多强大功能，欢迎联系Lethehong获取免费授权码，让我们共同开启智能图形的新时代！
好用的功能太多太多，我就不在这个一一列举了，有兴趣的可以自行尝试。
有提供免费的授权码可体验～
有提供免费的授权码可体验～
有提供免费的授权码可体验～
私信Lethehong，获取体验码~ 国内可直接使用~
我是Lethehong，目标是带十万人玩转AI，期待与您共同探索AI的无限可能！****
长按识别下方二维码，备注：AI体验。。
发你免费PLUS体验码和永久免费使用码：
回复【ai体验】,获取GPT,deepseek R1,Grok3,gemini2.5pro,claude3.7
国内直接使用 PLUS体验码：