小白也能用! Cladue 一键生成6种流程图,制作教程详解

昨天,朋友发来了一张他们公司促销活动的流程图,内容非常丰富,得仔细看才能理清楚。他告诉我,这张图花了他两个小时才做出来,为了搞清楚基本流程,还跑了各个部门咨询。由于对流程不太熟悉,这确实花费了不少时间。

我建议他,其实可以利用AI来辅助完成这项工作。对于一些基础通用的流程,可以先描述清楚需求,让AI生成一个基础的框架,然后再根据公司的个性化需求进行二次修改。这样一来,基本框架一旦确定,就能节省大量时间,工作也会顺利许多。

基于这个例子,今天我想和大家分享一些使用Claude生成流程图的方法。

首先,大家可以通过这个网址访问Claude的国内版本:

https://claude-opus.top/list/

注册一个新账号,并前往店铺下单购买仅需五毛钱的体验账号:

https://717ka.com/c/n5gmnowpu2x5obz9qpoy0am

1、常规流程图

常规流程图是我们日常工作和生活中最常见、最常使用的图表类型。它适用于各种场景,比如活动策划、工具教程等,可以直观地展示事件的主线。

Claude 指令:我构造一个分散模型用于数据分析,请你帮我简单列一个流程图,用mermaid输出
image-20240901125323529

2、时序图

时序图类似于泳道图,可以从不同角色的角度发起动作。相比于常规流程图,时序图在展示复杂功能流程时更直观,特别适合程序员梳理代码逻辑。

Claude 指令:我希望接入微信支付API,请你帮我列一个时序图,用mermaid输出
image-20240901125355027

3、用户体验地图

用户体验地图展示的是用户在使用产品时,各个节点的情绪变化。比如,一个用户在访问电商平台时,最初搜索时可能感到兴奋,但进入详情页后发现价格高昂或评论差劲,情绪可能会转为失落。这样的地图可以帮助产品经理更好地迭代功能。

Claude 指令:请你帮我生成一个用户在电商平台购买商品的用户旅程地图,用mermaid输出
image-20240901125424846

4、状态机图

状态机图主要用于系统复杂状态的设计,日常生活中比较少见。它主要展示的是事件状态的流转过程。例如,在电商平台上,一个订单状态可能从"待付款"变为"待发货",再到其他后续状态。使用状态机图,可以清楚地了解事件背后的所有状态。

Claude 指令:请你帮我生成一个状态机图,主要是关于在电商平台中,订单状态的流转。用mermaid输出
image-20240901125535753

5、甘特图

甘特图主要用于项目管理,通过图形化方式展示任务的时间安排。

Claude 指令:请你帮我生成一个甘特图,用于管理电商系统开发流程。产品需求规划主要是今年2~3月,产品开发阶段主要是今年4~8月,用Mermaid输出
image-20240901125614212

复制代码,并导入到图形生成工具(例如:Draw.io)即可使用。

6、饼图

虽然饼图不是流程图,但Mermaid同样支持生成。假设我们手中有一堆数据,通过AI整合后,可以顺带制作这样的统计图。

Claude 指令:请你帮我生成一个饼图,数据为:[excel]
image-20240901125814731

Claude国内使用:

https://claude-opus.top/list/

以上是今天分享的几个AI生成流程图的小技巧,大家可以复制这些提示词去试试看。

前几天一位朋友跟我说,他作为产品经理,经常使用时序图。有时遇到业务梳理的瓶颈,借助AI画流程图,解决了难点,甚至提前两小时下班。

所以,对于像我们这样的普通人,如果没有外部大佬的帮助,一定要学会利用AI。

用好AI,世间再无信息差。

(欢迎点赞、收藏、分享)

本文由mdnice多平台发布

相关推荐
M ? A21 分钟前
Vue 转 React | VuReact编译工具快速入门
前端·javascript·vue.js·后端·react.js·面试·vureact
编码浪子23 分钟前
Rust 1.95 稳定版解读与生态新动向
开发语言·后端·rust
Rust研习社26 分钟前
Rust 操作 Redis 从入门到生产级应用
开发语言·redis·后端·rust
deviant-ART30 分钟前
HttpServletResponse 中 Header 与 OutputStream 的正确使用顺序(避坑指南)
java·后端·servlet
编码者卢布30 分钟前
【App Service】查看Application Insights自身SDK日志的方法示例
后端·python·flask
Victor35641 分钟前
MongoDB(111)如何使用MongoDB Atlas进行管理?
后端
Victor3562 小时前
MongoDB(112)如何使用MongoDB Charts进行数据可视化?
后端
前端一小卒10 小时前
我用 Claude Code 的 Superpowers 技能链写了个服务,部署前差点把服务器搞炸
前端·javascript·后端
曹牧11 小时前
Spring:@RequestMapping注解,匹配的顺序与上下文无关
java·后端·spring
阿丰资源13 小时前
SpringBoot+Vue实战:打造企业级在线文档管理系统
vue.js·spring boot·后端