使用Ai对话大模型辅助流程图的制作

使用的Ai大模型和工具

• 谷歌浏览器
• 通义千问（其他的Ai对话大模型也可以，例如智谱清言）
• draw.io
• 翻译浏览器插件（推荐使用Edge浏览器，自带微软翻译）

流程图主题

地产行业的销售业务流程

流程图制作步骤

制作前准备

• 安装软件：谷歌浏览器和浏览器翻译插件
• 浏览器翻译插件建议使用：有道灵动翻译或者腾讯翻译，也可以使用我之前讲的“豆包”
• 使用谷歌浏览器打开，通义千问和io；
• 通义千问：https://tongyi.aliyun.com/qianwen/
• io：https://app.diagrams.net/（这个网站打开会稍慢）

Ai对话大模型提示词生成流程图代码

1、  Mermaid

Mermaid 是一种轻量级的文本标记语言，用于创建图表和流程图。它允许用户使用简单的、类似Markdown的语法编写图表定义，然后通过JavaScript库解析这些定义并将其渲染成美观的图表。这种格式使得在文本编辑器中编写图表变得直接而高效，特别适合于版本控制和协作，因为它们本质上是纯文本文件。

Mermaid 支持多种图表类型，包括但不限于：

1. 流程图（Flowcharts）
2. 时序图（Sequence Diagrams）
3. 甘特图（Gantt Charts）
4. 类图（Class Diagrams）
5. 状态图（State Diagrams）
6. 用户历程图（User Journey Diagrams）

用户可以定义节点、连接线、样式等，来设计复杂的图表结构。Mermaid 的语法设计得非常直观，比如使用方括号[]定义节点，使用箭头指示流程方向等。完成编写后，利用Mermaid的解析器或支持Mermaid的平台即可将这些文本转换成图表展示出来。

为什么要使用Mermaid，因为draw.io软件支持导入Mermaid语法，并可以根据Mermaid语法形成我们需要的流程图。

2、  提示词

1. 请使用Mermaid语法，生成主题为：[地产行业的销售业务流程]的流程图。
2. 角色定位法
3. Kimi提示词专家

我们的演示使用第一种

（1）通义千问提示词生成结果截图如下：

（2）获得代码如下：

graph TD
A[市场调研] –> B(项目定位)
B –> C[推广策划]
C –> D(客户接待)
D –> E(需求分析)
E –> F(房源展示)
F –> G(谈判签约)
G –> H(贷款与付款)
H –> I(交房准备)
I –> J(售后跟进)
J –> K(客户关系维护)

subgraph 销售管理优化
L[数据收集] –> M(数据分析)
M –> N(策略调整)
N –> O(流程改进)
O –>|反馈循环| L
end

style A,B,C,D,E,F,G,H,I,J,K fill:#9be9a8,stroke:#333,stroke-width:2px,rx:5,ry:5
style L,M,N,O fill:#f48fb1,stroke:#333,stroke-width:2px,rx:5,ry:5

（3） 操作

1. 复制生成的代码
2. 打开io

draw.io的操作

根据图示进行操作，每个图是一个步骤

注意事项

代码插入之后可能会报错，处理方式：

• 无需纠结，直接将错误复制给Ai，这里有两种方式：
  1. 要求Ai根据错误找出解决方法
  2. 让Ai分析问题，重新生成一遍
• 尝试角色定位法重新生成
• 直接新启一个对话进行生成