PM 画图的痛点
- 流程图工具操作繁琐（拖拽、连线、对齐...）
- 改一处要手动调整个布局
- 不同类型的图（时序图、泳道图、架构图）需要不同的思维方式
AI 画图工作流
方式一：ProcessOn AI 直接生成
在 ProcessOn 中选择「AI 生成流程图」：
> 生成一个二手交易平台的"寄卖"业务流程图，包含：
> 用户寄出商品 → 平台收货质检 → 用户定价 → 商品上架 → 买家下单 → 平台发货 → 买家收货 → 平台结算给卖家
AI 自动生成节点和连线，你再手动调整细节。效率提升至少 50%。
方式二：用 AI 生成 Mermaid 代码，再渲染
Mermaid 是一种文字转图表语言，适合画时序图、流程图、类图。
让 Claude 帮你写：
> 请用 Mermaid 语法画一个用户注册登录的泳道图：
> - 泳道：用户、前端 App、后端服务、数据库
> - 包含：正常登录、首次注册、忘记密码三个流程
把 AI 生成的代码复制到支持 Mermaid 的工具中渲染（ProcessOn、Notion、GitHub 都支持）。
方式三：描述业务 → 生成架构图
> 以下是我们系统的功能描述，请帮我设计一张系统架构图（用文字描述或 Mermaid 格式）：
> [粘贴功能描述]
实践建议
| 图表类型 | 推荐工具 | AI 辅助程度 |
|----------|---------|-----------|
| 业务流程图 | ProcessOn AI | 高（AI 生成后微调） |
| 时序图/泳道图 | Mermaid + AI | 极高（AI 生成代码直接渲染） |
| 系统架构图 | Excalidraw + AI | 中（AI 出方案，手动画） |
| 用户旅程图 | Figma | 低（AI 出文案，手动设计） |
| 思维导图 | ProcessOn AI | 高（AI 展开节点） |
Mermaid 常用模板
**流程图**:
```mermaid
graph TD
A[开始] --> B{判断条件}
B -->|是| C[执行A]
B -->|否| D[执行B]
```
**时序图**:
```mermaid
sequenceDiagram
User->>App: 发起请求
App->>Server: API 调用
Server-->>App: 返回数据
App-->>User: 展示结果
```