用户流程图

流程活在一个聊天串里。工程照着顺利路径做完了，测试的第一个问题是：她没登录的时候会怎样。

用户流程图板子上有什么？

用户流程图板子是一个Figma画布，2026年用Auto layout搭建，输入时每个格子会自动变大。它分为5个部分：

• 起点和终点。 两个黑色胶囊把流程两头封死，从哪开始、做到哪算完，不会再有争论。
• 屏幕卡。 一个粗体屏幕标题，下面一行说明这张屏幕上实际有什么。是组件，所以改个名不等于重画一遍。
• 判断菱形。 一个问题，引出是和否两条分支。否的分支往主线下方走，办完自己的事再回来，所以没有两条箭头会交叉。
• 带标签的路径。 每条路径都带自己的标签，是走绿色，否走红色。不需要标签的路径可以把标签隐藏掉。
• 图例。 一行标明四类元素：起点或终点、屏幕、判断、是的路径、否的路径。每个颜色都是变量，深色模式一次切换就好。

用用户流程图会带来什么变化？

用户流程图模板把团队做这一步时常见的六个习惯，换成一个团队可以核对的结构。每一组先列出旧习惯，再列出模板给出的替代做法。例如，模板把「流程写在一个聊天串里」变成「一块有起点也有终点的板子」。

• 之前：流程写在一个聊天串里。
  之后：一块有起点也有终点的板子。
• 之前：只有顺利路径。
  之后：每个判断都带一条否的分支。
• 之前：每次都手画一遍方块。
  之后：屏幕和判断都是组件。
• 之前：颜色硬写死在图形里。
  之后：每个颜色都是变量，一次切换就变深色。
• 之前：箭头互相交叉。
  之后：否的分支往下走，再绕回来。
• 之前：把英语流程镜像出来的阿拉伯语流程。
  之后：一条从右边开始、到左边结束的流程。

用户流程图下载包里有什么？

免费的用户流程图下载包是一个Figma文件，含四个页面：英文浅色、英文深色、阿拉伯文浅色和阿拉伯文深色，共用一个变量集合，另附一份8页的PDF指南。Pro版售价10美元，增加五条Claude提示词、一份引导指南、第二个完整示例和一个Claude Code技能。

• FIG 模板。一个 Figma 文件，四个页面：英语浅色、英语深色、阿拉伯语浅色、阿拉伯语深色，全部共用一套变量集合。通篇 Auto layout，每个格子随着输入自己撑开。
• PDF 指南。8 页：四张板子、五步使用方法，以及每个字段的词汇表，旁边配阿拉伯语标签。
• PDF, MD Pro。五条 Claude 提示词：用我的笔记填、挑毛病、阿拉伯语版、转成洞察、推送到 Figma。
• PDF Pro。引导手册。一场三十分钟的会：问什么、按什么顺序问、怎么收尾。
• FIG Pro。第二个完整示例，换一个市场，单独一个 Figma 文件，让你读方法，而不是靠猜。
• FOLDER Pro。Claude Code 技能。把它指向你的笔记文件夹，它就把板子填好，再按图层名写进你自己的 Figma 文件。

用户流程图适合谁，什么时候用？

用在设计交给工程的那一步，以及在那之前，你还得决定不顺利路径上会发生什么的时候。在画屏幕之前画它，不是之后。

两个版本。 免费版：Figma 文件和 PDF。Pro 版 10 美元：另加五条提示词、引导手册、第二个完整示例和 Claude Code 技能。