在数字化期间,经过图是居品司理责任中不可或缺的用具,但传统的经过图绘画花样通常耗时费力,遵循低下。随着AI技艺的赶快发展,当今有了更高效、更智能的解决决议。本文将先容怎么行使AI连络Mermaid语法,快速生成专科且好意思不雅的经过图。

今天共享的案例是:行使Mermaid语法进行AI画经过图, 这对于我们居品责任来说相等实用,提出点赞、储藏,随着学,你也能学会!
图-⬆️行使mermaid语法,一键绘画经过图
在这个信息爆炸、AI新智商快速裸露的期间,我们的中枢竞争力,将不再是处理信息的‘手速’,而是独霸信息、创造洞悉的‘脑力’!
这段时候,咱不是聊了点“AI居品妙技树”的实战训戒嘛,从原型策画到居品决议陈述等。
好几个同学专门留言反映说很受启发,镜哥咱这心里也暖洋洋的,就像郭德纲憨厚所说“山河长辈能容我,不使东说念主间犯罪钱”啊!(天然全球也没买票打赏。。)
天然,也有不少同学私信,问我能不行再潜入点,把居品架构、居品策划、业务经过这些更中枢的居品策画尺度,也掰开揉碎了讲讲怎么跟AI连络,望望AI能给我们带来啥样的“神助攻”。
事实上,在AI期间剧变的激流中,每一次技艺的跃迁,都意味着责任花样的迭代升级,我们的居品责任,也有太多不错插上智能翅膀的地点了!
这不,镜哥立马就安排上了!
今天,我们就先来聊个高频且让不少居品司理“头大”的尺度——业务经过策画。
全球都知说念,业务经过图对我们居品策画责任有多要害,那是你对业务的空洞、对市集的洞悉,最终落地时的骨架和血肉。
可当你真千里浸到具体的业务场景里,你会发现这活儿天然遑急,但也挺耗时候、特磨东说念主——因为一朝某个业务行动或功令调遣了,整张经过图可能就得随着“大变脸”,以致推倒重来!
我们吭哧吭哧对着Visio、Axure捣饱读半天,画出来不是密密匝匝像蜘蛛网,就是多样连线缠绕不清,改起来更是要了老命!
好音尘是,这遵循内讧,当今我们也有了跟它一定进度上说“拜拜”的可能了!
“工欲善其事,必先利其器”。
镜哥多说一句个东说念主暴论:在AI无空不入确当下,要是还及其地抱着老一套用具不放,以致更鼓励为古典匠东说念主,都是在逆期间趋势的坚贞不渝,也更像是在“用战术上的劳作,笼罩计谋上的懒惰”!。
事实上,镜哥每次听到团队资深老共事说“系念AI出错”,我都思援用《堂吉柯德》里的一句话:纰漏也比怯懦更接近勇敢。
好,今天,镜哥就给全球带来一个能让你画经过图遵循“Duang”一下擢升N个端倪的逃匿火器——AI用具连络Mermaid语法!
一、Mermaid简介说到Mermaid,细目有同学还合计有点目生,但了解之后你会发现,它王人备是我们居品司理的“超强援助”!
简易来说,Mermaid就是一个基于文本的图表绘画用具。你不需要拖拽多样图形,也不需要系念连线歪歪扭扭,它能让你像写Markdown一样,用简易的翰墨神志(也就是所谓的“语法”)来快速生成多样图表。
这包括但不限于我们最常用的经过图(Flowchart)、时序图(Sequence Diagram)、类图(Class Diagram)等等!
Mermaid的官网是 ⬇️:
mermaid.js.org,官网上头有把稳的语法讲明和多样示例。
Mermaid在线裁剪器的地址为⬇️:
https://www.mermaidchart.com/app/dashboard,全球后续不错通过裁剪器地址来使用。
全球别看它是代码,但有了AI加捏后我们上手相等快,因为其中枢就是用翰墨来界说节点和它们之间的关系,然后神奇的事情就发生了——你的翰墨自动就“变身”成了漂亮的图!
这种纯文本的绘画花样,真实是为我们居品司理量身定作念的——改起来贼浅易,版块料理也容易,而且还能和多样文档、代码平台完整连络,思思就刺激不?
事实上,如今AI果决把Mermaid语诀窍槛相等镌汰,我们以致不需要懂Mermaid语法,只需要通过天然说话和AI交流,让其帮你生成允洽mermaid语法的代码,此后通过在线裁剪器即可竣事。
这么,我们径直通过一个委果案例——电商践约经过,来快速富厚Mermaid的使用设施和价值。
因为,镜哥有个一又友老A,碰巧在一家电商公司作念居品,他们前段时候要优化一个复杂的订单践约经过,波及到用户下单、支付、库存扣减、物流发货、用户签收等等十几个尺度。
而且中间还穿插多样特别处理,老A吭哧吭哧用Visio画了两天,密密匝匝铺满了三张A4纸,我方看着都眼晕,更别提给开拓和运营团队教导了。
那天晚上他跟我吐槽时,我说你用Mermaid啊。
怎么用?
你完全不错这么操作:
领先,用你最习尚的天然说话,把脑子里对于业务经过的思法,毫无保留地“倾倒”给AI。
别系念语法、逻辑,就像你跟共事口述一样,把经过的世代相承、要害节点、决策分支都神志明晰。AI会像一个训戒丰富的业务参谋人,帮你“查漏补缺”,梳理出澄莹的翰墨版经过。
一朝你说明这份翰墨经过“没误差”,完全允洽你的业务逻辑,那么,再发出辅导,让AI帮你把这份翰墨经过“翻译”成 Mermaid语法代码
第1步,通过天然说话和AI对话,说明业务经过的翰墨神志领先,我们如故先把业务经过翰墨神志说明明晰,确保经过神志没问题,这是后续操作的前提。
天然,我们不异使用AI来援助进行经过梳理,不仅能完善组织说话,以致还能发现一些潜在的问题或忽略掉的经过尺度。
镜哥在这里依然保举首选使用Gemini 2.5,同期,有条目的同学更保举使用Cursor或Claude4.0,因为代码报错很少,遵循很高。
图-⬆️ 行使Gemini快速梳理业务经过
第2步,连接和AI对话,赢得Mermaid代码。当你说明业务经过允洽你的要求后,我们就不错径直让AI帮你生成允洽Mermaid语法的代码了。
通常复说,各类AI Chat用具都能识别、生成Mermaid体式的骨子,天然,镜哥我方合计成果最佳的如故上头提到过的Gemini 2.5 Pro或Claude4.0。
比如,上述经过,通过Gemini生成的允洽Mermaid语法的代码不错如下,全球不错动作参考(也不错复制去测试体验下):
graph TD subgraph”订单创建与支付” userBrowse[用户浏览商品]
–> submitOrder(提交订单); submitOrder
–> createOrder{创建订单}; createOrder
–> pendingPayment[待支付景况]; pendingPayment
–> paymentGateway{调用支付网关}; paymentGateway
— 支付得胜
–> paymentSuccess[支付得胜]; paymentGateway
— 支付失败/超时
–> orderClosed[订单自动关闭];
end subgraph”订单处理与风控” paymentSuccess
–> notifyWMS[奉告WMS/ERP系统]; notifyWMS
–> validateOrder{订单风控与库存校验}; validateOrder
— 校验通过
–> lockInventory[锁定库存]; validateOrder
— 库存不及/高风险
–> orderException[订单特别]; orderException
–> manualReview[东说念主工审核/客服联系]; manualReview
— 审核通过
–> lockInventory; manualReview
— 审核失败
–> cancelAndRefund[取消订单并退款]; end subgraph”仓储功课 WMS” lockInventory
–> generatePickList[生成拣货单]; generatePickList
–> warehousePicking[仓库按单拣货]; warehousePicking
–> packAndCheck[打包与复核]; packAndCheck
–> weighAndLabel[称重并打印面单]; weighAndLabel
–> callLogisticsAPI{调用物流公司API}; callLogisticsAPI
— 下单得胜
–> packageShippedOut[包裹出库]; callLogisticsAPI
— 下单失败 –> logisticsException[物流特别,东说念主工处理]; end subgraph”物流与签收” packageShippedOut
–> updateStatusShipped[更新订单景况为’已发货’]; updateStatusShipped
–> notifyUserShipped[短信/App奉告用户]; packageShippedOut
–> handoverToCourier[包裹打发给物流公司]; handoverToCourier
–> inTransit[物流运载中]; inTransit –> outForDelivery[到达指标站,启动派送]; outForDelivery
–> userSigns{用户签收}; end subgraph”订单终态与售后” userSigns
— 平素签收
–> confirmReceipt[说明收获]; userSigns
— 拒收/特别
–> triggerReturn[触发逆向物流-退货]; confirmReceipt
–> orderComplete[订单完成]; orderComplete
–> inviteForReview[邀请用户评价]; triggerReturn
–> afterSalesProcess[插足售后处理经过]; end
图-⬆️ 行使Gemini2.5 Pro,输出Mermaid代码
将代码复制到在线裁剪器接下来就简易了,我们只需将生成的代码轻轻一复制,粘贴到任何一个救援Mermaid的在线裁剪器(比如前边提到的 Mermaid Chart)。
一般情况在,真实刹那间,很快一份专科又好意思不雅的经过图就坐窝呈当今你目下,遵循真实不要太高!
比如,字据Mermaid语法,上述经过不错快速生成。
图-⬆️ 字据Mermaid代码,一键绘画经过图
bug怎么设立、是否需要通畅会员?天然,许多时候,AI生成的Mermaid代码可能会有bug,这也很平素,官方提供了AI设立智商,然则一般需要会员,我一般径直复制bug信息,交给Gemini或cursor来设立。
基本上,设立两三次,bug就能治理。
这里多说一句,Mermaid Pro版块的会员是6.67刀(为啥有整有零呢),通畅会员之后就不错使用AI来设立bug,而且不收尾文献数目,要知说念免费版块只可创建3个文献。
图-⬆️ Mermaid会员订价,可按需不买。。。
但有一说一,Mermaid日常使用的话,其实咱不通畅会员也弥漫了,因为救援导出PNG,最遑急的是还不带水印,这点要好评点赞。
是以,这么的话,即即是收尾3个文献,对我们影响也不大,完全不错导出后删除新建。
天然,不缺钱的同学当我没说。
三、两个小技巧技巧一:生成图片后,接收自顺应一般来说,字据Mermaid语法生成的图片,可能会有些排版不够淡雅,这种情况下,我都会接收自顺应,基本就能达到我的要求。
自顺应的进口参考下图:
图-⬆️ Mermaid接收自顺应(Adaptive)
另外,自顺应之后要是需要调遣花样,不错在主题里进行调遣或自界说,这个咱就不外多伸开了,全球不错自行测试,很简易的。
技巧二:重叠《灌音分析大家》Buff,遵循更近一步还谨记前次我给全球共享的阿谁「灌音分析大家」吗?(没看过的赶紧去补课:我用Gemini作念了个「灌音分析大家」,会议纪要一键转PRD,居品梳理效质径直拉满!)。
要知说念,咱这个AI智能体,可不单是是整答理议纪要、梳理业务经过的“一把好手”!
真话跟全球讲,我们团队许多小伙伴当今就是行使咱这个“灌音分析大家”来治理经过图的!
你思思,开会或推敲会上,全球七嘴八舌地聊业务经过,许多时候都是白话化的、非结构化的。
过去我们是不是得把灌音转翰墨,再手动梳理,然后一步步画?费时费力不说,还容易漏掉细节。
当今不一样了!我们径直把会议灌音转成的翰墨稿“喂”给“灌音分析大家”,而且,你知说念的,这个智能体,我一经给它设定好了“咒语”——要是你在Prompt里接收简略明确迷惑它需要“梳理业务经过”,它不仅会帮你用翰墨神志一遍,更“骚”的是,它能径直给你输出Mermaid语法的代码!
这是什么观念?
这意味着,你们刚开完会,你以致不必离开会议室,边喝水边操作几分钟,一份第一版的经过图可能就一经出来了!
团队里的小伙伴用我的这种设施,那和开拓疏浚的遵循极高,因为经过图不再是“空洞艺术”,而是“所见即所得”,修改起来也极为浅易。
你改个翰墨,经过图自动就变了,比传统拖拽式的用具遵循高了不啻一个量级!
正所谓,“好风凭借力,送我上青云。”
你看,只好你能善用AI用具,你的责任遵循擢升就不是一星半点,而是指数级的放大。
天然,Mermaid也好,其他AI应用也罢,都不是全能的,我们在使用过程中也需要防护一些问题,比如,AI的富厚智商有限无意候我们还需要仔细Review AI生成的结束,进行东说念主工修正。
再比如,Mermaid语法有一定的学习资本:天然基本语法不难,但要绘画复杂的经过图,仍然需要一定的学习和试验。
然则,这些都不应该成为我们抹杀AI新应用的接口,违反的,主动的尝试、高频地使用、不停地调优,才调委果擢升我们的责任遵循、激勉AI最大潜能要害所在。
终末,镜哥还思对诸君峡谷同学说:拥抱AI,不是一句空论,而是要委果将其融入到我们的日常责任中。学会使用AI用具连络Mermaid语法来绘画经过图,只是我们在AI期间擢升遵循的一个小小尝试。
这只是冰山一角,更大的遵循改造才刚刚启动!改日,还有更多AI赋能居品司理的可能性恭候我们去探索。
记着,用具历久在变,但擢升遵循的底层逻辑不变。在这个信息爆炸、AI裸露的期间,我们的中枢竞争力,将不再是处理信息的“手速”,而是独霸信息、创造洞悉的“脑力”!
如故那句老话:
进化,不是接收,而是势必。与其被期间裹带,不如主动出击,成为界说改日的那批东说念主!
本文由东说念主东说念主都是居品司理作家【居品大峡谷】,微信公众号:【居品大峡谷】,原创/授权 发布于东说念主东说念主都是居品司理,未经许可,不容转载。
题图来自Unsplash赌钱赚钱软件官方登录,基于CC0公约
上一篇:赌钱app下载以古琴与中提琴对话古今-线上赌钱app大全-登录入口
下一篇:没有了