在產品設計、項目管理、技術文檔等場景中,流程圖是表達複雜邏輯和步驟序列的最佳工具。傳統的流程圖繪製需要使用 Visio、ProcessOn 等專業工具,手動拖拽圖形、連線、調整佈局,一個包含 20+ 步驟的複雜流程圖往往需要 1-2 小時才能完成。Nano Banana Pro (Gemini 3 Pro Image) 的流程圖自動生成能力,可以將文本描述直接轉換為專業的流程圖,5 分鐘內完成複雜業務流程的可視化。本文將詳細解析如何使用 Nano Banana Pro 快速生成各類流程圖。
Nano Banana Pro 流程圖生成的技術原理
Nano Banana Pro 的流程圖生成基於 Google DeepMind 的多模態推理和結構化理解能力,能夠將自然語言描述轉換為規範的流程圖:
1. 自然語言理解能力
傳統流程圖工具要求用戶精確地指定每個節點、連線和佈局,而 Nano Banana Pro 可以直接理解業務邏輯的文本描述:
輸入示例:
用戶註冊流程:
1. 用戶打開註冊頁面
2. 填寫手機號和驗证碼
3. 系統驗证手機號格式
4. 如果格式錯誤,提示重新輸入
5. 如果格式正確,發送短信驗证碼
6. 用戶輸入驗证碼
7. 系統驗证驗证碼
8. 如果驗证失敗,提示重新輸入
9. 如果驗证成功,創建用戶賬戶
10. 註冊完成,跳轉到首頁
AI 自動識別:
- 流程起點:"用戶打開註冊頁面"
- 條件判斷:"如果格式錯誤"、"如果驗证失敗"
- 循环邏輯:"提示重新輸入"(回到輸入步驟)
- 流程終點:"跳轉到首頁"
2. 標準流程圖符號生成
Nano Banana Pro 自動使用標準的流程圖符號:
| 元素类型 | 圖形符號 | 使用場景 |
|---|---|---|
| 開始/結束 | 圓角矩形 | 流程的起點和終點 |
| 處理步驟 | 矩形 | 執行操作、處理數據 |
| 判斷分支 | 菱形 | 條件判斷、if/else 邏輯 |
| 輸入/輸出 | 平行四邊形 | 用戶輸入、系統輸出 |
| 子流程 | 双邊框矩形 | 調用其他流程 |
| 文檔/數據 | 底邊波浪線矩形 | 生成文檔、存儲數據 |
| 連接線 | 箭頭 | 流程方向、邏輯走向 |
3. 智能佈局優化
AI 自動進行佈局優化,確保流程圖清晰易讀:
- 自頂向下佈局: 主流程從上到下,符合閱讀習慣
- 避免交叉: 連線尽量不交叉,減少視覺混亂
- 對齊與間距: 節點自動對齊,間距統一
- 分支清晰: Yes/No 分支明確標註,左右或上下區分
- 泳道分离: 多角色流程自動分泳道展示
4. 視覺風格定制
支持多种視覺風格,適配不同使用場景:
flowchart_styles = {
"professional": { # 專業商務風格
"colors": ["#1f2937", "#3b82f6", "#10b981"],
"font": "Arial",
"line_style": "solid",
"shadow": False
},
"creative": { # 創意設計風格
"colors": ["#8b5cf6", "#ec4899", "#f59e0b"],
"font": "Helvetica",
"line_style": "curved",
"shadow": True
},
"minimal": { # 極簡黑白風格
"colors": ["#000000", "#ffffff", "#6b7280"],
"font": "Helvetica Neue",
"line_style": "straight",
"shadow": False
}
}
🎯 技術建议: 在實際開發中,我们建议通過 API易 apiyi.com 平台進行 Nano Banana Pro 的接口調用测试。该平台提供統一的 API 接口,支持 Gemini 3 Pro Image 等多种主流图像生成模型,有助於快速驗证流程圖生成方案的可行性。
5 大流程圖类型详解
根據不同的業務場景和表达需求,Nano Banana Pro 支持以下 5 种主流流程圖类型:
1. 基本流程圖 (Basic Flowchart)
特點:
- 单一主流程,線性或包含簡单分支
- 適合展示標準操作流程
- 結構簡单,易於理解
適用場景:
- 用戶操作流程
- 系統處理流程
- 標準作业流程(SOP)
- 算法邏輯流程
Prompt 示例:
prompt = """
創建一個用戶登录流程圖:
流程描述:
1. 用戶打開登录頁面 (開始)
2. 輸入用戶名和密碼 (輸入)
3. 點擊登录按钮 (操作)
4. 系統驗证用戶名和密碼 (處理)
5. 判斷驗证結果 (判斷)
- 如果驗证失敗:显示錯誤提示,返回步驟2
- 如果驗证成功:跳轉到用戶主頁
6. 登录完成 (結束)
設計要求:
- 使用標準流程圖符號
- 開始/結束用圓角矩形
- 處理步驟用矩形
- 判斷用菱形
- 連線用箭頭標註方向
- 佈局:從上到下
- 配色:專業蓝色系 (#1f2937, #3b82f6)
- 背景:白色
- 字体:清晰易讀
輸出格式:高清流程圖,適合文檔和演示使用
"""
生成效果示例:
┌─────────────────┐
│ 用戶打開登录頁面 │ (開始)
└────────┬────────┘
│
▼
┌─────────────────┐
│ 輸入用戶名和密碼 │ (輸入)
└────────┬────────┘
│
▼
┌─────────────────┐
│ 點擊登录按钮 │ (操作)
└────────┬────────┘
│
▼
┌─────────────────┐
│ 系統驗证用戶名密碼 │ (處理)
└────────┬────────┘
│
▼
◇─────────◇
/ 驗证成功? \
/ \
◇───────────────◇
│ No │ Yes
│ │
▼ ▼
显示錯誤提示 跳轉用戶主頁
│
└─────────┐
│
(返回輸入)
💡 选择建议: 选择哪种流程圖类型主要取决於您的業務複雜度和表达目標。我们建议通過 API易 apiyi.com 平台進行實際测试,以便做出最適合您需求的选择。该平台支持 Nano Banana Pro 的統一接口調用,便於快速對比不同类型效果。
2. 跨职能流程圖 / 泳道图 (Swimlane Diagram)
特點:
- 多個参與角色/部门
- 用泳道(水平或垂直)區分职责
- 清晰展示協作关系
適用場景:
- 業務审批流程
- 跨部门協作
- 客戶服務流程
- 订单處理流程
Prompt 示例:
prompt = """
創建一個订单审批跨职能流程圖:
参與角色:
1. 客戶
2. 销售人员
3. 财務部门
4. 仓库
流程描述:
【客戶】
- 提交订单 (開始)
- 接收订单確认
【销售人员】
- 接收客戶订单
- 审核订单信息
- 判斷:订单是否有效?
- 無效:通知客戶修改,返回客戶
- 有效:提交财務审核
【财務部门】
- 审核订单金额和信用额度
- 判斷:财務审核通過?
- 不通過:退回销售,通知客戶
- 通過:通知仓库發货
【仓库】
- 接收發货通知
- 準备商品并發货
- 更新订单状態為已發货
- 通知客戶發货信息
【客戶】
- 接收發货通知
- 收货并確认 (結束)
設計要求:
- 使用泳道图(Swimlane)佈局
- 4個水平泳道,從上到下:客戶、销售、财務、仓库
- 泳道用不同浅色背景區分
- 節點按標準流程圖符號
- 跨泳道的連線用虚線表示交接
- 配色:清爽的蓝绿色系
- 標註清晰,字体易讀
輸出格式:宽幅高清流程圖,適合横向演示
"""
3. 時間線流程圖 (Timeline Flowchart)
特點:
- 强調時間顺序和時間節點
- 展示各阶段的時間跨度
- 適合項目管理和里程碑展示
適用場景:
- 項目實施計划
- 產品開發流程
- 市场推广計划
- 培訓课程安排
Prompt 示例:
prompt = """
創建一個產品上市時間線流程圖:
項目周期:12周
時間線流程:
第1-2周:需求調研阶段
- 市场調研
- 用戶访谈
- 竞品分析
- 輸出:需求文檔
第3-4周:產品設計阶段
- 原型設計
- UI/UX 設計
- 技術方案設計
- 輸出:設計稿和技術文檔
第5-8周:開發测试阶段
- 前端開發
- 後端開發
- 功能测试
- 性能優化
- 輸出:Beta 版本
第9-10周:內测優化阶段
- 內部测试
- Bug 修复
- 功能優化
- 輸出:RC 版本
第11周:發布準备阶段
- 营销物料準备
- 渠道溝通
- 上線準备
- 輸出:正式版本
第12周:產品上市
- 正式發布
- 媒体宣传
- 用戶运营
- 里程碑:產品上市✓
設計要求:
- 水平時間線,從左到右
- 時間轴清晰標註周次
- 每個阶段用彩色卡片表示
- 阶段之間用箭頭連接
- 关鍵里程碑用星標突出
- 配色:渐变色表示進度推進
(蓝色→紫色→粉色→橙色→绿色)
- 輸出文檔標註在各阶段下方
輸出格式:宽幅時間線图,適合項目汇报
"""
4. 决策树流程圖 (Decision Tree)
特點:
- 多层級决策判斷
- 树状分支結構
- 適合展示複雜决策邏輯
適用場景:
- 故障诊斷流程
- 客戶分类策略
- 風险评估流程
- AI 决策模型可視化
Prompt 示例:
prompt = """
創建一個客戶服務问題诊斷决策树:
决策流程:
【根節點】客戶报告问題
│
├─【判斷1】问題类型是什么?
│ │
│ ├─ 登录问題 →【判斷2】是否忘记密碼?
│ │ ├─ 是 → 發送密碼重置链接 (結束)
│ │ └─ 否 →【判斷3】賬號是否被锁定?
│ │ ├─ 是 → 联系管理员解锁 (結束)
│ │ └─ 否 → 检查网络連接 (結束)
│ │
│ ├─ 功能异常 →【判斷4】是否為已知Bug?
│ │ ├─ 是 → 告知修复時間表 (結束)
│ │ └─ 否 → 提交技術團隊分析 (結束)
│ │
│ └─ 支付问題 →【判斷5】支付是否扣款?
│ ├─ 已扣款 → 查询订单状態 →【判斷6】
│ │ ├─ 成功 → 问題解決 (結束)
│ │ └─ 失敗 → 申请退款 (結束)
│ └─ 未扣款 → 检查支付方式 (結束)
設計要求:
- 树状結構,從上到下展開
- 判斷節點用菱形
- 分支清晰標註條件(是/否,类型选项)
- 終點節點用绿色高亮
- 連線用不同粗细表示主次路径
- 配色:專業的蓝灰色系
- 层級清晰,對齊整齊
輸出格式:树状决策流程圖,適合客服培訓
"""
5. 循环流程圖 (Loop Flowchart)
特點:
- 包含循环和迭代邏輯
- 展示重复執行的步驟
- 適合算法和自動化流程
適用場景:
- 數據處理循环
- 自動化脚本流程
- 质量检查流程
- 迭代開發流程
Prompt 示例:
prompt = """
創建一個數據批處理循环流程圖:
流程描述:
1. 開始批處理任務
2. 初始化:設置計數器 i = 0,总數 N = 1000
3. 循环條件:i < N?
- 否 → 批處理完成,輸出报告 (結束)
- 是 → 继续執行
4. 讀取第 i 條數據
5. 數據预處理(清洗、格式化)
6. 數據驗证:是否有效?
- 無效 → 记录錯誤日志,i = i + 1,返回步驟3
- 有效 → 继续執行
7. 數據轉換(映射、計算)
8. 寫入目標數據库
9. i = i + 1
10. 返回步驟3 (循环)
异常處理:
- 如果連续失敗超過100次,終止任務并發送告警
設計要求:
- 清晰標註循环路径(用粗箭頭或不同颜色)
- 循环條件判斷用菱形
- 計數器操作用矩形
- 循环回路用曲線箭頭
- 异常退出用红色路径
- 配色:技術文檔風格(黑灰蓝)
- 標註循环变量的变化
輸出格式:技術流程圖,適合開發文檔
"""
🚀 快速開始: 推荐使用 API易 apiyi.com 平台快速测试 5 种流程圖类型。该平台提供開箱即用的 Nano Banana Pro API 接口,無需複雜配置,5 分鐘即可完成不同类型的流程圖生成测试,帮助您快速確定最適合業務需求的流程圖类型。
3 步快速生成流程圖
下面是使用 Nano Banana Pro 快速生成專業流程圖的完整流程:
第 1 步:結構化描述流程 (2 分鐘)
將業務流程用結構化的文本描述出来,遵循以下原则:
1.1 明確流程邊界
# 流程邊界定义
process_boundary = {
"process_name": "用戶註冊流程",
"start_point": "用戶打開註冊頁面",
"end_point": "註冊成功,進入首頁",
"participants": ["用戶", "前端系統", "後端服務", "短信服務"],
"estimated_duration": "2-3分鐘"
}
1.2 列出关鍵步驟
使用编號列表,清晰描述每個步驟:
# 步驟描述模板
process_steps = [
{
"step_id": 1,
"type": "start",
"description": "用戶打開註冊頁面",
"actor": "用戶",
"next_step": 2
},
{
"step_id": 2,
"type": "input",
"description": "輸入手機號",
"actor": "用戶",
"validation": "手機號格式驗证",
"next_step": 3
},
{
"step_id": 3,
"type": "decision",
"description": "手機號格式是否正確?",
"actor": "前端系統",
"conditions": {
"yes": 4,
"no": 2 # 返回輸入
}
},
# ... 更多步驟
]
1.3 標註條件分支
明確標註所有的判斷條件和分支走向:
## 條件分支標註
### 判斷點1:手機號格式驗证
- **條件**: 手機號格式是否符合規範?
- **Yes**: 继续發送驗证碼
- **No**: 提示"手機號格式錯誤",返回輸入步驟
### 判斷點2:驗证碼驗证
- **條件**: 驗证碼是否正確?
- **Yes**: 創建用戶賬戶
- **No**: 提示"驗证碼錯誤",剩余次數-1
- **子判斷**: 剩余次數是否>0?
- **Yes**: 允许重新輸入
- **No**: 锁定10分鐘,提示"驗证失敗次數過多"
1.4 識別循环和异常
標註出循环邏輯和异常處理:
## 循环邏輯
**循环1**: 手機號輸入驗证循环
- 触發條件:格式錯誤
- 循环次數:無限制(直到正確或用戶放弃)
- 退出條件:格式正確 OR 用戶关闭頁面
**循环2**: 驗证碼驗证循环
- 触發條件:驗证碼錯誤
- 循环次數:最多3次
- 退出條件:驗证成功 OR 超過3次锁定
## 异常處理
**异常1**: 短信發送失敗
- 触發:第三方短信服務不可用
- 處理:提示用戶"系統繁忙,请稍後重试"
- 备选:提供語音驗证碼选项
**异常2**: 數據库創建用戶失敗
- 触發:數據库連接异常或數據冲突
- 處理:回滚操作,提示"註冊失敗,请重试"
- 记录:寫入錯誤日志,通知运维
第 2 步:生成流程圖 (2 分鐘)
使用 Nano Banana Pro API 生成流程圖。
2.1 構建完整 Prompt
import google.generativeai as genai
# 配置 API (使用 API易 apiyi.com 平台)
genai.configure(
api_key="your-api-key",
transport="rest",
api_base="https://api.apiyi.com/v1"
)
# 初始化模型
model = genai.GenerativeModel('gemini-3-pro-image')
def build_flowchart_prompt(process_description, flowchart_config):
"""構建流程圖生成 Prompt"""
prompt = f"""
創建一個專業的流程圖:
=== 流程信息 ===
名称: {process_description['name']}
类型: {flowchart_config['type']}
参與者: {', '.join(process_description['participants'])}
=== 流程步驟 ===
{process_description['steps']}
=== 條件分支 ===
{process_description['decisions']}
=== 循环邏輯 ===
{process_description['loops']}
=== 設計要求 ===
- 符號標準:使用標準流程圖符號(開始/結束圓角矩形,處理矩形,判斷菱形)
- 佈局方向:{flowchart_config['direction']} (從上到下 / 從左到右)
- 配色方案:{flowchart_config['color_scheme']}
- 字体:清晰易讀,关鍵步驟加粗
- 連線:箭頭清晰標註方向,分支標註條件(Yes/No)
- 對齊:所有節點整齊對齊,間距統一
- 避免交叉:連線尽量避免交叉
=== 輸出格式 ===
- 高清流程圖
- 適合{flowchart_config['output_purpose']}使用
- 背景:{flowchart_config['background']}
请確保流程圖邏輯清晰,視覺美观,符合專業標準。
"""
return prompt
# 示例配置
process_desc = {
"name": "用戶註冊流程",
"participants": ["用戶", "前端", "後端", "短信服務"],
"steps": """
1. [開始] 用戶打開註冊頁面
2. [輸入] 輸入手機號
3. [處理] 前端驗证手機號格式
4. [判斷] 格式是否正確?
- No → 提示錯誤,返回步驟2
- Yes → 继续
5. [處理] 後端發送短信驗证碼
6. [輸入] 用戶輸入驗证碼
7. [處理] 後端驗证驗证碼
8. [判斷] 驗证碼是否正確?
- No → 提示錯誤,返回步驟6
- Yes → 继续
9. [處理] 創建用戶賬戶
10. [結束] 跳轉到首頁
""",
"decisions": """
- 手機號格式判斷:正確继续,錯誤返回
- 驗证碼驗证:正確創建賬戶,錯誤重新輸入(最多3次)
""",
"loops": """
- 手機號輸入循环:格式錯誤時循环
- 驗证碼輸入循环:驗证失敗時循环(最多3次)
"""
}
flowchart_cfg = {
"type": "基本流程圖",
"direction": "從上到下",
"color_scheme": "專業蓝色系(#1f2937, #3b82f6, #10b981)",
"output_purpose": "產品文檔和技術说明",
"background": "白色"
}
# 生成 Prompt
prompt = build_flowchart_prompt(process_desc, flowchart_cfg)
print("生成的 Prompt:")
print(prompt)
2.2 調用 API 生成
def generate_flowchart(prompt, output_path):
"""調用 API 生成流程圖"""
try:
# 調用 Nano Banana Pro
response = model.generate_images(
prompt=prompt,
resolution="1920x1080", # 16:9 適合演示
quality="high"
)
if response.images:
# 保存流程圖
response.images[0].save(output_path)
print(f"✅ 流程圖已生成: {output_path}")
return True
else:
print("❌ 生成失敗:無返回图像")
return False
except Exception as e:
print(f"❌ 生成异常: {str(e)}")
return False
# 生成流程圖
output_file = "./user_registration_flowchart.png"
success = generate_flowchart(prompt, output_file)
2.3 批量生成多個流程圖
def batch_generate_flowcharts(flowchart_configs, output_dir):
"""批量生成多個流程圖"""
from pathlib import Path
import time
output_dir = Path(output_dir)
output_dir.mkdir(parents=True, exist_ok=True)
results = []
for idx, config in enumerate(flowchart_configs, 1):
print(f"\n📊 生成第 {idx}/{len(flowchart_configs)} 個流程圖...")
print(f" 名称: {config['name']}")
# 構建 Prompt
prompt = build_flowchart_prompt(
config['process_description'],
config['flowchart_config']
)
# 生成文件名
filename = f"{config['name'].replace(' ', '_')}.png"
output_path = output_dir / filename
# 生成流程圖
success = generate_flowchart(prompt, output_path)
results.append({
"name": config['name'],
"output_path": output_path,
"success": success
})
# API 限流
if idx < len(flowchart_configs):
time.sleep(1)
# 統計
success_count = sum(1 for r in results if r['success'])
print(f"\n✅ 批量生成完成: {success_count}/{len(flowchart_configs)} 成功")
return results
# 批量生成示例
flowchart_batch = [
{
"name": "用戶註冊流程",
"process_description": { ... },
"flowchart_config": { ... }
},
{
"name": "订单审批流程",
"process_description": { ... },
"flowchart_config": { ... }
},
# ... 更多流程圖配置
]
results = batch_generate_flowcharts(flowchart_batch, "./flowcharts")
💰 成本優化: 對於需要大量生成流程圖的項目,可以考虑通過 API易 apiyi.com 平台調用 Nano Banana Pro API,该平台提供灵活的計费方式和更优惠的价格,批量生成流程圖的成本约 ¥2-5/张,相比傳統設計外包(¥50-200/张)成本降低 95%。
第 3 步:優化和导出 (1 分鐘)
對生成的流程圖進行检查和優化,导出為所需格式。
3.1 流程圖质量检查
def check_flowchart_quality(flowchart_path, process_config):
"""流程圖质量检查清单"""
checklist = {
"結構完整性": [
"✓ 有明確的開始節點",
"✓ 有明確的結束節點",
"✓ 所有步驟都有連接",
"✓ 無孤立節點"
],
"邏輯準確性": [
"✓ 判斷節點有明確的 Yes/No 分支",
"✓ 循环邏輯清晰可见",
"✓ 异常處理路径完整",
"✓ 步驟顺序符合業務邏輯"
],
"視覺清晰度": [
"✓ 節點對齊整齊",
"✓ 連線避免交叉",
"✓ 文字清晰易讀",
"✓ 配色协調專業"
],
"符號規範性": [
"✓ 使用標準流程圖符號",
"✓ 符號使用正確",
"✓ 箭頭方向明確",
"✓ 條件標註清楚"
]
}
print(f"\n📋 流程圖质量检查: {process_config['name']}")
for category, items in checklist.items():
print(f"\n{category}:")
for item in items:
print(f" {item}")
return checklist
# 執行检查
check_flowchart_quality(
"./user_registration_flowchart.png",
{"name": "用戶註冊流程"}
)
3.2 格式轉換和导出
from PIL import Image
import io
def export_multiple_formats(flowchart_path, output_dir):
"""导出多种格式"""
from pathlib import Path
flowchart_path = Path(flowchart_path)
output_dir = Path(output_dir)
output_dir.mkdir(parents=True, exist_ok=True)
base_name = flowchart_path.stem
# 打開原图
img = Image.open(flowchart_path)
# 1. 高清 PNG (原始)
png_path = output_dir / f"{base_name}_hd.png"
img.save(png_path, "PNG", optimize=True)
print(f"✅ PNG: {png_path}")
# 2. 压缩 PNG (適合网頁)
web_img = img.copy()
web_img.thumbnail((1280, 720), Image.Resampling.LANCZOS)
web_path = output_dir / f"{base_name}_web.png"
web_img.save(web_path, "PNG", optimize=True, quality=85)
print(f"✅ Web PNG: {web_path}")
# 3. JPG (適合邮件附件)
jpg_img = img.convert('RGB')
jpg_path = output_dir / f"{base_name}.jpg"
jpg_img.save(jpg_path, "JPEG", quality=90, optimize=True)
print(f"✅ JPG: {jpg_path}")
# 4. PDF (適合打印)
pdf_path = output_dir / f"{base_name}.pdf"
img.save(pdf_path, "PDF", resolution=300.0)
print(f"✅ PDF: {pdf_path}")
print(f"\n📦 导出完成,共 4 种格式")
# 批量导出
export_multiple_formats(
"./user_registration_flowchart.png",
"./exports"
)
3.3 添加水印和標註
from PIL import Image, ImageDraw, ImageFont
def add_watermark(image_path, watermark_text, output_path):
"""添加水印"""
img = Image.open(image_path)
draw = ImageDraw.Draw(img)
# 設置字体
try:
font = ImageFont.truetype("Arial.ttf", 24)
except:
font = ImageFont.load_default()
# 計算水印位置(右下角)
text_bbox = draw.textbbox((0, 0), watermark_text, font=font)
text_width = text_bbox[2] - text_bbox[0]
text_height = text_bbox[3] - text_bbox[1]
x = img.width - text_width - 20
y = img.height - text_height - 20
# 繪製水印(半透明)
draw.text((x, y), watermark_text, fill=(128, 128, 128, 128), font=font)
# 保存
img.save(output_path)
print(f"✅ 已添加水印: {output_path}")
# 添加水印
add_watermark(
"./user_registration_flowchart.png",
"Created with Nano Banana Pro | apiyi.com",
"./user_registration_flowchart_watermarked.png"
)
🎯 技術建议: 在實際項目中,我们建议通過 API易 apiyi.com 平台進行流程圖的批量生成和管理。该平台提供完善的文件管理和版本控制功能,支持流程圖的在線预览、分享和協作编輯,提升團隊協作效率。
高級应用:複雜業務流程可視化
1. 多系統集成流程
integration_flowchart = """
創建一個电商订单多系統集成流程圖:
涉及系統:
1. 电商前台
2. 订单中心
3. 库存系統
4. 支付系統
5. 物流系統
6. CRM系統
流程描述:
[电商前台]
- 用戶下单
[订单中心]
- 接收订单
- 創建订单记录
- 調用库存系統
[库存系統]
- 检查库存
- 判斷:库存是否充足?
- 不足 → 通知订单中心,订单失敗
- 充足 → 锁定库存,通知订单中心继续
[订单中心]
- 調用支付系統
[支付系統]
- 發起支付
- 等待支付結果
- 判斷:支付是否成功?
- 失敗 → 通知订单中心,释放库存
- 成功 → 通知订单中心,支付完成
[订单中心]
- 確认订单
- 調用物流系統
[物流系統]
- 創建發货单
- 安排配送
- 更新物流状態
- 通知 CRM 系統
[CRM系統]
- 發送订单確认邮件/短信
- 更新客戶订单历史
- 計算用戶积分
[电商前台]
- 展示订单状態
- 用戶查看物流
設計要求:
- 使用跨系統流程圖(泳道图)
- 6個泳道,從上到下排列
- 系統間調用用虚線箭頭
- 异步通知用波浪線
- 关鍵判斷點用菱形突出
- 配色:每個系統用不同颜色泳道
- 標註數據流和消息类型
"""
2. 异常處理流程
exception_handling_flowchart = """
創建一個支付异常處理流程圖:
正常流程:
1. 用戶發起支付
2. 調用支付网关
3. 支付成功
4. 更新订单状態
5. 完成
异常場景:
場景1:支付超時
- 触發:30秒無响应
- 處理:
1. 查询支付状態
2. 判斷:支付是否已完成?
- 已完成 → 更新订单,正常完成
- 未完成 → 关闭支付,提示重试
場景2:支付失敗
- 触發:支付网关返回失敗
- 處理:
1. 记录失敗原因
2. 判斷:是否可重试?
- 可重试 → 提示用戶更换支付方式或重试
- 不可重试 → 取消订单,退回库存
場景3:重复支付
- 触發:相同订单多次支付请求
- 處理:
1. 查询订单支付状態
2. 判斷:是否已支付?
- 已支付 → 直接返回成功,防止重复扣款
- 未支付 → 继续正常支付流程
場景4:网络异常
- 触發:网络連接失敗
- 處理:
1. 重试3次
2. 判斷:重试是否成功?
- 成功 → 继续流程
- 失敗 → 轉人工處理,记录异常
設計要求:
- 主流程用蓝色
- 异常路径用红色
- 重试循环用虚線
- 异常捕获點用警告图標
- 恢复路径用绿色
- 標註每個异常的触發條件和處理策略
"""
3. 自動化工作流
automation_workflow = """
創建一個CI/CD自動化部署流程圖:
触發條件:
- 開發人员提交代碼到 Git 仓库
自動化流程:
1. Git Webhook 触發
2. CI 服務器接收通知
3. 拉取最新代碼
4. 并行執行:
a. 代碼质量检查
- 运行 ESLint
- 运行 Prettier
- 判斷:是否通過?
- 失敗 → 發送通知,流程結束
- 通過 → 继续
b. 单元测试
- 运行 Jest 测试
- 判斷:测试是否通過?
- 失敗 → 發送通知,流程結束
- 通過 → 继续
5. 構建应用
- 运行 npm run build
- 判斷:構建是否成功?
- 失敗 → 發送通知,流程結束
- 成功 → 继续
6. 構建 Docker 鏡像
7. 推送到鏡像仓库
8. 判斷:分支类型?
- develop 分支 → 部署到测试环境
- master 分支 → 部署到生产环境
9. 健康检查
10. 判斷:服務是否正常?
- 异常 → 自動回滚,發送告警
- 正常 → 部署成功,發送通知
通知渠道:
- 钉钉群消息
- 邮件通知
- Slack 消息
設計要求:
- 并行步驟用水平排列表示
- 自動化步驟用機器人图標
- 人工干预點用手型图標
- 成功路径用绿色
- 失敗路径用红色
- 標註每個步驟的预計耗時
"""
常见问題解答
Q1: 生成的流程圖不符合预期怎么办?
A: 優化 Prompt 的几個技巧:
-
更詳細的步驟描述: 不要只说"處理數據",要说明"調用數據清洗API,去除空值和重复项"
-
明確視覺要求: 在 Prompt 中加入:
- 佈局:严格從上到下,不要左右分支 - 節點大小:統一宽度200px,高度60px - 連線:直角連線,不要曲線 -
提供参考示例: 可以描述一個类似的流程圖作為参考
-
分步生成: 複雜流程可以先生成主流程,再生成异常流程,最後合并
Q2: 如何让多個流程圖保持風格一致?
A: 創建統一的样式配置:
# 企業流程圖標準样式
company_flowchart_style = {
"colors": {
"primary": "#1f2937", # 深灰
"accent": "#3b82f6", # 蓝色
"success": "#10b981", # 绿色
"error": "#ef4444", # 红色
"warning": "#f59e0b" # 橙色
},
"fonts": {
"title": "Arial Bold 16pt",
"body": "Arial 12pt",
"note": "Arial Italic 10pt"
},
"shapes": {
"start_end": "圓角矩形,圓角半径8px",
"process": "矩形",
"decision": "菱形",
"data": "平行四邊形"
},
"layout": {
"direction": "top-to-bottom",
"node_spacing": "40px",
"branch_spacing": "60px"
}
}
# 在每個 Prompt 中引用这個样式
style_description = f"""
配色方案:
- 主色: {company_flowchart_style['colors']['primary']}
- 强調色: {company_flowchart_style['colors']['accent']}
- 成功: {company_flowchart_style['colors']['success']}
- 錯誤: {company_flowchart_style['colors']['error']}
字体規範:
- 標題: {company_flowchart_style['fonts']['title']}
- 正文: {company_flowchart_style['fonts']['body']}
佈局規範:
- 方向: {company_flowchart_style['layout']['direction']}
- 節點間距: {company_flowchart_style['layout']['node_spacing']}
"""
Q3: 可以生成可编輯的流程圖文件吗(如Visio格式)?
A: Nano Banana Pro 主要輸出图像格式(PNG/JPG),不直接生成可编輯的矢量文件。但有以下替代方案:
-
使用 SVG 輸出: 请求 SVG 格式,可以在 Adobe Illustrator、Sketch 等工具中编輯
-
結合專業工具:
- 使用 Nano Banana Pro 快速生成原型
- 导入 Figma/Sketch 作為参考
- 使用專業工具進行精细調整
-
第三方轉換工具: 使用 OCR 和矢量化工具將 PNG 轉為可编輯格式
Q4: 流程圖生成的成本是多少?
A: 成本估算(基於 API易 apiyi.com 平台):
| 複雜度 | 步驟數量 | 生成耗時 | 单价 | 適用場景 |
|---|---|---|---|---|
| 簡单 | 5-10步 | 10-20秒 | ¥2-3 | SOP、簡单操作流程 |
| 中等 | 10-20步 | 20-40秒 | ¥4-6 | 業務流程、审批流程 |
| 複雜 | 20-50步 | 40-80秒 | ¥8-12 | 系統集成、技術架構 |
| 超複雜 | 50+步 | 80秒+ | ¥15-25 | 大型項目、跨系統流程 |
相比傳統方式:
- 人工繪製: ¥50-200/张 (1-2小時)
- 外包設計: ¥100-500/张
- AI 生成: ¥2-25/张 (1-2分鐘)
成本降低: 90-98%
💰 成本優化: 對於需要频繁更新流程圖的企業,推荐使用 API易 apiyi.com 平台的月度套餐,享受批量折扣和优先技術支持,進一步降低长期使用成本。
Q5: 如何處理超大型流程圖(100+步驟)?
A: 超大型流程圖處理策略:
策略1: 分层設計
主流程圖 (10-15個高层步驟)
↓
子流程圖1 (詳細展開步驟1-3)
子流程圖2 (詳細展開步驟4-7)
子流程圖3 (詳細展開步驟8-15)
策略2: 模块化生成
# 分別生成各模块
module1 = generate_flowchart("用戶认证模块流程")
module2 = generate_flowchart("订单處理模块流程")
module3 = generate_flowchart("支付結算模块流程")
# 生成总览图,將模块作為子流程引用
overview = generate_flowchart("""
1. 用戶认证 [详见:用戶认证模块]
2. 订单處理 [详见:订单處理模块]
3. 支付結算 [详见:支付結算模块]
""")
策略3: 使用泳道图簡化
- 將複雜的顺序流程改為跨职能泳道图
- 每個泳道內步驟更簡洁
- 整体結構更清晰
Q6: 生成的流程圖可以用於商业用途吗?
A: 版权说明:
- 通過 API易 apiyi.com 平台生成: 商业使用权归客戶所有
- 允许: 用於產品文檔、技術说明、培訓材料、商业提案等
- 允许: 修改、優化、二次编輯
- 允许: 分享给客戶、團隊成员、合作伙伴
建议:
- 在流程圖中標註生成工具和平台(可选)
- 敏感業務流程註意保密
- 涉及第三方品牌的流程圖,需获得相应授权
总結與最佳實践
Nano Banana Pro 的流程圖自動生成能力,让複雜業務流程的可視化從 1-2 小時缩短到 5 分鐘,效率提升 12-24 倍。掌握以下最佳實践,可以让您的流程圖更專業、更高效:
✅ 核心要點
- 結構化描述: 用清晰的步驟列表和條件分支描述業務流程
- 选對类型: 根據業務場景选择合適的流程圖类型(基本/泳道/時間線/决策树/循环)
- 統一風格: 建立企業流程圖標準样式,保持一致性
- 分层設計: 複雜流程分為主流程和子流程,便於理解和维护
- 持续優化: 業務变化時及時更新流程圖,保持文檔與實際一致
🎯 应用建议
- 產品團隊: 用流程圖梳理用戶旅程和產品功能邏輯
- 技術團隊: 用流程圖設計系統架構和技術方案
- 运营團隊: 用流程圖優化業務流程和审批环節
- 培訓團隊: 用流程圖制作操作手冊和培訓教材
🚀 進阶学習
- 探索交互式流程圖(可點擊展開子流程)
- 結合動畫展示流程執行過程
- 將流程圖集成到文檔生成系統
- 基於流程圖自動生成代碼框架
通過 API易 apiyi.com 平台的 Nano Banana Pro API,您可以快速實現這些高級功能,構建企業級的流程可視化解決方案。從產品設計到技術文檔,從業務優化到團隊培訓,專業的流程圖將成為您溝通和協作的利器。
相關閱讀:
- Nano Banana Pro 信息圖表生成完全指南
- Nano Banana Pro 白板講解圖生成完全指南
- Nano Banana Pro 鏡像對比生成完全指南
