多客科技 发表于 2024-12-25 18:33

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

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

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

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

小李,作为职场萌新怎么会啊!



小李找到我来问怎么办?

我:有问题,找AI啊!

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



01 提示词

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

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

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

常见的提示词套路 :

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

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

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

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

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

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

输出格式 : Mermaid语言

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

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

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

https://mmbiz.qpic.cn/sz_mmbiz_png/BfcfJAZ5bRhoKdobGdpfoWqEiah5KHAPnL6ENEePzgyUTpZAOcFufWtAO38XpeA7L6nWibmG35YOlJXylE2qancg/640?wx_fmt=png&from=appmsg

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

https://mmbiz.qpic.cn/sz_mmbiz_png/BfcfJAZ5bRhoKdobGdpfoWqEiah5KHAPnOg1lCvnjlQz7xqUUj1rNW3uaiaGAM02Zg587mk5h7uXIbbgudT4icRpQ/640?wx_fmt=png&from=appmsg

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

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

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

https://mmbiz.qpic.cn/sz_mmbiz_png/BfcfJAZ5bRhoKdobGdpfoWqEiah5KHAPnfiaZ8tAmt0L5WJJVWia2Zy7YHjpJ3Hpicbmcr66MnNettibZjHW8z1uiagQ/640?wx_fmt=png&from=appmsg

小知识

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

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

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

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


02 drawio流程图

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



单击+号按钮,选择高级,mermaid进去。

https://mmbiz.qpic.cn/sz_mmbiz_png/BfcfJAZ5bRhoKdobGdpfoWqEiah5KHAPnQ3m4BxYjCQAdhFV8fPjiaI7zTIUPrhgzooVSdWm0kGJ6m30jsDER7Lg/640?wx_fmt=png&from=appmsg

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



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



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

https://mmbiz.qpic.cn/sz_mmbiz_png/BfcfJAZ5bRhoKdobGdpfoWqEiah5KHAPn3IjmXA9KMln3X1EfHyiba7vgYj4ficIW2W0MBianKpUlwica307Sv1KFNg/640?wx_fmt=png&from=appmsg

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





小李:可以了,不过这里我们提示词用到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并不是万能的,你还需要会提问。

借此文章,做个梳理。
页: [1]
查看完整版本: AI快速制作流程图,提高工作效率