YYDS!手把手教你用Kimi画20种流程图
你好,我是清风徐来
前天写了篇《用了橙篇,才知道kimi还是个弟弟》,介绍了几个橙篇能做而kimi缺失的功能。有朋友留言,反问有哪些功能是kimi能做的,而橙篇不能做的?
有的,在线生成mermaid流程图。正好用kimi画了一个《新东方->董宇辉的股权结构图》,有做投行的朋友说,这个功能太实用了!问我怎么画的。
最近开发了一门清风学长的AI办公课,36节,199个实战案例,系统地梳理了AI在办公中的应用,加入方式见文末。之前分享过 用 AI做 PPT、做思维导图、做读书笔记、联动 EXCEL,做VBA、做数据可视化分析。
今天就给大家讲讲如何利用kimi 调用mermaid语言画流程图!橙篇可以生成mermaid代码,但是不能直接显示图形,而kimi可以直接出图!
下面为你详细介绍
一、效果展示
以下图片,都是仅凭输入一句提示,由 kimi几秒钟内自动生成的
1、一个简单的示例
2、一个较复杂的示例
二、相关概念
1.什么是流程图
流程图是一种常见的图形表示方法,它可以清晰地展示一个过程或系统的各个步骤和关系。流程图可以帮助我们理解和分析复杂的问题,提高工作效率和沟通效果。
但是,绘制流程图并不是一件容易的事情。传统的软件,如 Viso、WORD 等,虽然功能强大,但也有很多不便之处。第一,你必须先把逻辑清理出来,第二,必须手动绘制。
有没有一种更简单、更快捷、更智能的方法来绘制流程图呢?
答案是:有!
今天,我们就来介绍如何利用kimi 快速生成流程图的方法
2.什么是绘图语言?
绘图语言是一种使用文本描述来生成图形的语言。它可以让我们用简洁的语法来定义图形的结构和样式,而无需手动操作图形元素。绘图语言可以提高绘图的效率和准确性,也可以方便地修改和复用。
目前,有四种流行的图表语言,分别是:
Mermaid:一种简单易用的图表语言,支持流程图、时序图、甘特图、饼图等; PlantUML:一种基于 UML 的图表语言,支持时序图、用例图、类图、活动图等; D2:一种基于 D3.js 的图表语言,支持散点图、柱状图、折线图、饼图等; Nomnoml:一种专注于类图的图表语言,支持类之间的关系和属性。
这四种语言各有优劣,具体选择哪一种要根据绘制的目的和喜好而定。
经过测试,推荐使用 Mermaid:①功能强,②kimi中可直接成图而不仅是代码;③绘图网站支持导入。
Mermaid 可绘制的图形包括:流程图、序列图、类图、状态图、实体关系图、用户旅程图、甘特图、饼图、象限图、需求图、Gitgraph(Git)图、C4图业、思维导图、时间线图、ZenUML、桑基图、XY Chart、Block Diagram、Packet等。
关于Mermaid 的更多知识,可到 mermaid.nodejs.cn网站查看
3.kimi 是什么?
kimi 是一个国产AI软件,功能比较均衡,操作见《kimi入门到精通[常识篇]》
你不需要掌握 如何编写 Mermaid,你只需要打开AI如kimi,输入“用Mermaid画一个XX图” ,AI 就会自动给你生成相应代码。
AI做流程图有个好处是,不需要你来总结。你发一个文件或者文件链接给AI,AI可以帮你总结规律,画出各种图形。详细看后面案例演示。
用kimi做可以直接在线生成图片。当你用《kimi做文档分析》的时候,顺手就可以让kimi给你做一个相关内容的流程图,架构图或者分析图,让你更好理解这个文件
很多AI都支持编写Mermaid ,但无法直接生成图片,比如智谱、通义千问等,需要第三方网站配合使用。比如我们打开智谱,输入“用mermaid语言画一个 金瓶梅人物关系”
可以看到,智谱中只有代码,没有图。而kimi有两个模式,代码模式和图片模式,在kimi对话界面,即可在两种模式间切换。
4、什么是绘图网站?
通过AI,得到mermaid代码后,你复制这段代码,到mermaid.live (推荐)或者 app.diagrams.net 网站,把提交给网站,网站自动生成图片,即可下载或抓图使用
即使kimi,也需要使用 mermaid网站。有时候,图形在kimi中显示不全,为了更好的修改和显示。需要到绘图网站。
项目我们用几个例子来演示
三、具体操作
1、案例:开奶茶店
输入:“用mermaid画一个开办奶茶店的流程图”
kimi绘制了流程图:
很明显,可以完整生成,但是无法完整显示,我们点击右上角“Code”,进入代码界面,拖动鼠标选中代码,点鼠标右键点复制
来到网站mermaid.live,在界面左侧粘贴这段代码,右边就会自动显示图形。点左下角的下载按钮就可以下载到本地。要修改流程图的就在左侧代码处手工修改。
2、案例:股权收购流程图
“用mermaid绘制一个收购B公司股权的流程图。
得到以下图形,你可以看到,AI能够理解收购的流程,自动增加了意向协议、尽职调查、正式协议、工改商登记 等节点。还有走向判断,尽调不合格或者谈判不成功则终止收购。
继续提示“增加两个尽职调查结构,大成律所,天健会所”
得到以下图形,
他默认是从左往右生成的,看上去不够直观,我们继续提示,让他改为从上到下:
"结构改为自上而下"
按照上一个案例,我们把代码拷贝到mermaid.live,得到以下流程图:
3、案例:根据文件绘制
我们可以让AI先分析本地文件或网址内容,再让它绘制相应的图。比如,我们上传一个文件(论文、政策),如前几天讲过的清华AI医院
提示:“根据论文,绘制一个AI医院就诊流程图”
不要小看这个功能,AI可以帮你迅速的整理结构,比如。我在网上看到一个很复杂的委托贷款案件的法院判决书,我提示:“读取
https://mp.weixin.qq.com/s/8350D2CabG9YhaHYVdRhSg
,用mermaid画一个交易结构图。”
4、案例:其他图形
你可能会说,kimi不是还支持很多其他图形,怎么老是流程图、架构图?
OK,我们打开kimi,直接问它
“mermaid支持绘制哪些图形,绘制示例”
kimi回答如下,有兴趣的同学可以按此慢慢研究
如果是类似于新东方集团这种股权太复杂的情况可以人工结合第三方工商查询网站,清理出股权架构图之后,用文字描述发给AI AI就会生成,我们这篇文章开头那张股权结构图
好啦,今天的分享就到这里。今天讲了如何利用kimi,结合mermaid·语言,在mermaid.live下,绘制绘制流程图的办法。
请大家关注、收藏、点赞、分享 !以便第一时间收到最新 AI技巧分享。
最后,再和大家分享一个福利
"清风学长的AI办公视频课程"已经火热上线啦!
为了普及AI知识,这套课程的“基础篇”是完全免费开放给大家学习的。
学习能力强的同学,看完基础篇,AI就可以入门了!
对于那些对大型AI模型感兴趣的同学们,我还准备了一节课,专门讲解了ChatGPT-4o的功能和使用方法。
《失控》的作者凯文·凯利曾经说过:“永远不要犹豫投资自己,无论是为一个课程、一节课,还是学习一种新的技能而付费。这些小小的投资,最终都会带来巨大的回报。”
立刻扫描下面的二维码,加入我们的学习队伍,开启你的AI学习之旅吧!
— 完 —
点这里👇关注我,记得标星哦~