AI快速制作流程图,提高工作效率

多客科技

作者：微信文章
大家好，我是在利用Ai提高工作效率的小爽鸭～

年底快到了，各个公司在搞年终总结，当然小李部门也不例外。

这不，领导找到她，让她做个部门年终总结汇报的一个大纲流程图。

小李，作为职场萌新怎么会啊！



小李找到我来问怎么办?

我：有问题，找AI啊!

现代年轻人，手底下都有几个Ai助理来帮忙。 (kimi，豆包，文言一心等等)



01 提示词

那问题来了，让助理干活，最关键的一步是什么?

就是沟通，也就是提示词的编写。

你要告诉AI，它需要使用干嘛?

常见的提示词套路 :

背景+角色+目标内容+(输出格式+要求+限制）

这里我使用Kimi网页(不同的AI效果差不多)，编写了如下的提示词。

相同提示词，每次询问的结果可能会不同。

背景 : 年底要到了，部门需要组织年终总结汇报，对本年进行总结，下一年进行规划

角色 : 年终总结汇报组织策划者

内容 : 做一个"部门年终总结汇报"过程流程图

输出格式 : Mermaid语言

要求 : 可以查看代码，也直接浏览。

限制：包含逻辑判断的分支，关键节点不少于10个，内容要求实事求是。

Kimi，就直接给我们制作，初始版本的流程图了。

[img=507px,652px]https://mmbiz.qpic.cn/sz_mmbiz_png/BfcfJAZ5bRhoKdobGdpfoWqEiah5KHAPnL6ENEePzgyUTpZAOcFufWtAO38XpeA7L6nWibmG35YOlJXylE2qancg/640?wx_fmt=png&from=appmsg[/img]

当然也可以继续提问，直到达到我们想要的效果。

[img=498px,601px]https://mmbiz.qpic.cn/sz_mmbiz_png/BfcfJAZ5bRhoKdobGdpfoWqEiah5KHAPnOg1lCvnjlQz7xqUUj1rNW3uaiaGAM02Zg587mk5h7uXIbbgudT4icRpQ/640?wx_fmt=png&from=appmsg[/img]

这里有三种模式，可以切换 code，经典，手绘。

切换到code模式，我们可以直接看到mermaid代码。

PS : 手机端APP没有浏览功能

[img=456px,441px]https://mmbiz.qpic.cn/sz_mmbiz_png/BfcfJAZ5bRhoKdobGdpfoWqEiah5KHAPnfiaZ8tAmt0L5WJJVWia2Zy7YHjpJ3Hpicbmcr66MnNettibZjHW8z1uiagQ/640?wx_fmt=png&from=appmsg[/img]

小知识

这里我使用提示词背景(background)+角色(role)+内容(task)+要求(request)--brtr指令，gpt常见的提示语。

阐述背景信息，赋予角色职位，声明工作内容，做出要求限制。

我：到这里，你就可以把流程图截图发给领导了。

小李：可~流程图比较长，直接截图的话，容易糊，有没有办法，既可以修改，又可以导出。


02 drawio流程图

我：有个免费的流程图网址可以。 draw.io (drawio.com)，不过它只能针对旧有的mermaid图表，新增的一些像象限图还无法制作。 进入网址后，我们选择Sart按钮。



单击＋号按钮，选择高级，mermaid进去。

[img=977,auto]https://mmbiz.qpic.cn/sz_mmbiz_png/BfcfJAZ5bRhoKdobGdpfoWqEiah5KHAPnQ3m4BxYjCQAdhFV8fPjiaI7zTIUPrhgzooVSdWm0kGJ6m30jsDER7Lg/640?wx_fmt=png&from=appmsg[/img]

将AI生成的代码复制粘贴进去。单击插入。



流程图插进去，也可以对流程图进行进一步操作。



单击文件-导出为，选择，PNG。

[img=355px,476px]https://mmbiz.qpic.cn/sz_mmbiz_png/BfcfJAZ5bRhoKdobGdpfoWqEiah5KHAPn3IjmXA9KMln3X1EfHyiba7vgYj4ficIW2W0MBianKpUlwica307Sv1KFNg/640?wx_fmt=png&from=appmsg[/img]

单击 导出 按钮，选择位置进行下载即可。





小李：可以了，不过这里我们提示词用到mermaid代码，它究竟是啥？

我：mermaid语法？直接问AI，你也可以大致的了解。


03 Mermaid

这里我做一个简单的介绍。

Mermaid 是一个 使用 文字和代码 创建 图表和流程图 的工具(JavaScript的开源工具)。

简言之我们可以使用 Mermaid语法 快速制作一些简易的流程图或者图表。

我们看一下它的中文的开发文档，可以看到它支持一些比较常用的图表。

https://mermaid.nodejs.cn/



比如 :

对于需要可视化的流程，直接制作流程图在项目管理中，可以用甘特图制作项目时间线图表在软件管理中，可以制作类与类关系的类图。 ........

小李 : 那在需要使用的时候，怎么能想到用哪些提示词进行编写。

我 : 这就需要我们在学习的时候进行积累。

AI并不是万能的，它只是一个工具。 你得知道相关的概念，才能够更好的进行提问，也就是AI+经验。

只要提示词编写更为细致，就能更快更准确的达到我们想要的结果。

比如说，我们要制作甘特图，只需要提问AI，使用什么格式返回，使用什么图表，然后AI根据图表的内容就可以快速生成一个甘特图。



我们用mermaid的官方网址。点编辑器进去。



将刚刚AI生成代码贴进去。



右边就可以快速生成图表。


注意 :

目前的话，经过测试，AI生成的mermaid语法，针对一些新的图表还不支持，询问不支持的图表生成的代码会胡编。



像常见的流程图，甘特图等可以支持，如果需要制作简易的图表，可以试试它。

流程图



子流程图



序列图



甘特图



类图 代码中描述类与类之间的继承关系



状态图 表示状态之间的转换。



实体关系图 数据库实体之间的设计



用户流程图 用户与产品或服务的交互。



饼图 占比情况



时间线图 用于事件的事件关系。



小李 : 哇，所以AI并不是万能的，会使用AI的人才能够解决问题。



04 总结一下

图表流程图，比文字流程图，能够更好的进行表达，但是手动制作流程图又比较麻烦。

现在我们可以借助AI快速制作流程图。

使用AI的关键在于提示词的编写。

文中使用提示词的公式为 :背景+角色+目标内容+(输出格式+要求+限制）

制作流程图，我们使用了，可以将文字和代码快速创建流程图的Mermaid语法。

编辑Mermaid语法，制作流程图

使用drawio免费的流程图在线网址，将代码粘贴进去快速制作流程图。使用drawio，我们可以进一步对流程图进行修改还有导出。 https://mermaid.nodejs.cn/ 是mermaid的中文官网。

针对mermaid代码，它是一个nodejs库，深入的话，涉及网页(css,html,js)语法，具体我也不懂。

只不过借助官方文档，还有Ai提问快速完成简易的流程图制作，可以不用PPT，手动画。

AI并不是万能的，你还需要会提问。

借此文章，做个梳理。