DeepSeek优化工作流程：20种图表的生成、调整和手动编辑

用 DeepSeek 搭配 Mermaid，高效搞定 20 种图表

从文档到流程图，从编辑到美化，用 DeepSeek 将 20 种图表一网打尽。本文概览：

• 两种绘制流程图的场景
• AI 生成和预览 Mermaid 图表
• AI 调整图表内容和样式
• 从需求设计文档到图标
• 手工编辑图表的两种方式
• 20种图表类型展示

无论是做产品、搞需求还是写代码，跟图表打交道几乎是家常便饭。但实话实说，画流程图、架构图这些活儿，技术含量不见得多高，却相当繁琐。好在 DeepSeek 这类大模型，正好能帮我们填这个坑。

画流程图到底怎么个玩法？其实无非两种场景。

• 一种是脑子里有个大概需求，需要用流程图把流程彻底理清楚。
• 另一种是流程已经在文档里写得明明白白了，需要可视化的图表让看的人更快理解。

通过提问来生成图表

先来个直观的：怎么用一句话让 DeepSeek 帮我们把图表和流程图给画出来。

就拿大模型训练这事儿来说，让 DeepSeek 画个 LLM 的训练过程看看。

把生成的代码复制到 mermaid.live 这个网站的左侧输入框里，右侧就会自动渲染出对应的流程图。

想深入了解 Mermaid 语法的话，可以自己去看看官方文档。

要是对生成的流程图不满意，完全可以指导它进一步调整。比如，让它换个更“技术流”的画法：

把这段代码也复制出来看看：

flowchart TD
    A[数据准备] --> B[输入层: 数据向量化]
    B --> C[隐藏层: 前向传播]
    C --> D[激活函数: 非线性变换]
    D --> E[输出层: 计算预测值]
    E --> F[损失函数: 计算误差]
    F --> G[反向传播: 计算梯度]
    G --> H[优化器: 更新权重]
    H --> I{模型收敛?}
    I -- 是 --> J[模型评估]
    I -- 否 --> C
    J --> K{性能达标?}
    K -- 是 --> L[模型部署]
    K -- 否 --> M[调整超参数或架构]
    M --> C

同样丢到在线编辑器里预览：

瞧，新的流程图立刻就出来了。

调整样式

不光是内容，图表的样式要是看着不顺眼，也可以交给 DeepSeek 来调整。

举个例子，如果觉得上下排列看着太累，想让图表横过来：

代码拷贝过去预览一下，效果立竿见影。

更进一步，还可以把流程图拆分成几个子图，并给它们配上不同的颜色：

使用需求设计文档

在实际工作中，最终产出的图表肯定是跟着详细的设计文档走的。换句话说，从文档到流程图才是我们最常用的工作流。

我们拿淘宝网的订单流程文档来演示一下。直接把文档内容扔给 DeepSeek，让它生成流程图。

可以看到，它生成的流程图相当详细。而且由于在同一个对话里，它还会自动沿用之前设定的样式要求。

其他图表

当然，Mermaid 的本事可不止画流程图，它还支持很多其他类型的图表。

时序图

比如，让 DeepSeek 画一个下单的时序图：

状态图

再比如，订单的状态流转图：

stateDiagram
    [*] --> 待支付: 创建订单
    待支付 --> 已取消: 用户取消订单
    待支付 --> 已支付: 用户完成支付
    已支付 --> 已取消: 系统超时未支付
    已支付 --> 待发货: 支付成功
    待发货 --> 已发货: 卖家发货
    已发货 --> 已收货: 用户签收
    已收货 --> 已完成: 用户确认收货
    已收货 --> 售后中: 用户发起售后
    售后中 --> 已退款: 退款成功
    售后中 --> 已换货: 换货成功
    售后中 --> 已完成: 售后完成
    已完成 --> [*]: 订单结束
    已取消 --> [*]: 订单结束
    已退款 --> [*]: 订单结束
    已换货 --> [*]: 订单结束

    state 售后中 {
        [*] --> 申请售后: 用户发起退换货
        申请售后 --> 卖家处理: 卖家审核
        卖家处理 --> 已退款: 同意退款
        卖家处理 --> 已换货: 同意换货
        卖家处理 --> 售后完成: 拒绝售后
    }

用户旅程图

或者是用户从浏览到支付的全流程旅程图：

甘特图

项目管理怎么能少了甘特图：

更多的图表类型，可以直接去 Mermaid 官网文档上探索。

手动编辑

最后，如果自动生成的图表还是不够精细，我们可以拿代码手动编辑，进行二次加工。

使用 Mermaid Editor

最省事的办法就是直接用 Mermaid 的在线编辑器在线修改。

使用 Draw.io

专业绘图工具 Draw.io 也支持直接把 Mermaid 代码导入并编辑。

在菜单栏里找到 `调整图形` -> `插入` -> `高级` -> `Mermaid`：

把 AI 生成的 Mermaid 代码粘贴到弹出的输入框中，点击 `插入`：

这样，DeepSeek 生成图表就成功导入 Draw.io 的画布了：

接下来，就可以像在常规软件中一样，自由拖拽、修改内容和调整样式了：

支持的图表类型

最后，简单罗列一下 Mermaid 支持的部分图表，给大家做个参考。这其中有大量我们日常工作会遇到的类型：

• 流程图

• 

• 序列图

• 

• 类图

• 

• 架构图

• 

• 

• 状态图

• 

• 实体关系图
• 用户旅程

• 

• 甘特
• 饼图
• Gitgraph （Git） 图
• C4 图
• 思维导图
• 时间线
• ZenUML
• 桑基图
• XY 图表
• 象限图
• 块图
• Packet图
• 看板