热搜词
Sketch从面板上生成流程图User Flows


提取码:oilx




安装


下载安装包

双击 User Flows.sketchplugin 完成安装


使用


定义链接


需要定义两个画板之间的链接:选择一个图层和目标画板后执行定义链接命令 Plugins > User Flows > Create Link 或者执行快捷键 command ⌘ + shift ⇧ + K


Sketch从面板上生成流程图User Flows


添加条件逻辑


通过插件创建和管理条件,轻松显示条件流逻辑:要添加条件,可执行添加 / 编辑条件命令 Plugins > User Flows > Add/Edit Conditions 或使用快捷键 command ⌘ + shift ⇧ + D 需要编辑现有的一组条件,请先选择画板并执行相同的命令


Sketch从面板上生成流程图User Flows


生成流程图


定义所有链接后,执行生成流程图命令 Plugins > User Flows > Generate Flow Diagram 或使用快捷键 command ⌘ + shift ⇧ + F 选择开始屏幕,输入流程的详细信息,然后单击生成


Sketch从面板上生成流程图User Flows


显示或隐藏链接


通过绘制链接覆盖在画板的顶部,快速概述流程:当你需要进行更改时,只需再次执行 Plugins > User Flows > Show or Redraw Connections 或使用快捷键 command ⌘ + shift ⇧ + 9 即可重绘,当然你也可以在必要时隐藏链接 command ⌘ + shift ⇧ + 0



自定义你的流程图


根据你选择的输出分辨率、流程图相关颜色或向导出的流程图中添加你的名称


Sketch从面板上生成流程图User Flows


语言切换


执行 Plugins > User Flows > Language... 在弹出的对话框中选择 Chinese Simplified 即可将插件语言切换为简体中文


Sketch从面板上生成流程图User Flows




关注微信公众号图翼(tuyiyi_com),定时推送,福利互动精彩多多