流程

流程是一组相互链接的已保存原型，例如一个定价页面，其按钮会打开结账页面。你先分别构建每个界面，然后让 Vibr 将它们链接起来。

将一个界面链接到另一个界面

1. 构建你要链接到的界面（例如结账页面），然后点击 保存。
2. 点击 新建，开始下一个界面。
3. 在请求中用 @screen/ 引用已保存的界面，例如：“一个包含三档套餐的定价页面。点击‘立即开始’打开 @screen/a-checkout-page-with-an-order-summary”。

每个已保存原型的界面名称都来自其标题。输入 @screen/ 可查看列表，也可以输入 @ 加上标题的前几个字母。

在画布中点击带链接的按钮不会离开草稿。Vibr 会告诉你它将打开哪个界面，并提醒你使用 播放。

播放流程

当草稿链接到其他界面时，画布上方会出现 播放 按钮。点击它即可像用户一样逐屏点击浏览流程。

• 画布上方的路径会显示你访问过的界面。
• 返回 回到上一个界面，重新开始 回到第一个界面。
• 点击 完成 或按 Esc 结束播放。

如果某个链接指向尚未保存的界面，“播放”会加以提示。请用该名称保存一个原型，或让 Vibr 链接到其他位置。

导出流程

在 导出 中选择 流程（.zip），即可将此界面及其链接的所有界面下载为网页。打开 index.html 即可开始；每个链接的界面都是独立的页面，并且链接可以正常使用。一次流程导出最多包含 30 个界面。请参阅资源库与导出。