UserFlows一款能在Sketch画板生成流程图的插件

wechatimg7

UserFlows是一款能在Sketch中从画板生成流程图的插件。

定义链接

要定义两个画板之间的链接 - 选择一个图层和目标画板,然后运行定义链接命令(Cmd Shift K)。

1481175519-1718-6

添加条件逻辑

通过插件创建和管理条件,轻松显示条件流逻辑。 要添加条件,请运行添加/编辑条件命令(Cmd Shift D)。 要编辑现有的一组条件,请选择画板并运行相同的命令。

1481175521-9334-6

生成流程图

定义所有链接后,运行生成流程图命令(Cmd Shift F)。 选择开始屏幕,输入流程的详细信息,然后单击生成。1481175521-3324-6

显示或隐藏连接

通过绘制链接覆盖在画板的顶部,快速概述您的流程。 当您进行更改时,只需再次运行命令即可重画(Cmd Shift 9)。 您也可以完全隐藏连接(Cmd Shift 0)。

自定义您的图表

根据您的首选分辨率生成图表,调整颜色或向导出的流程添加您的名称。

1481175520-8984-6

亲测,好用,省心,不用跪着画流程稿了,交互设计师必备。

地址:https://abynim.github.io/UserFlows/

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/18903/

(0)
iouedioued
上一篇 2016-12-08 13:35
下一篇 2016-12-09 09:11

相关推荐

  • Mirror镜像的运用- Sketch从入门到精通

    Mirror镜像这个只针对于设计手机界面的同学来说,比较有用。因为这是一个可以电脑做图和手机显示同步的一个功能。在Sketch的工具栏,你会发现这个Mirror,如下图: 看见了么?怎么样能实现和手机同步呢?首先你要在…

    2015-07-13
  • Sketch导出icon神器插件App Asset export教程

    废话不多说,直接开整: 1.首先可以直接在 Sketch Tool 中搜索"App Asset Export" 这个插件直接安装 或者到源码主页下载双击安装插件Github开源下载地址 使用方法 建一个1024x1024大小图层进行Icon设计 打开Plugins…

    2018-03-13
  • [译]使用Sketch的10个小技巧

    随着Sketch越来越受到广大设计师们的欢迎,在这分享10个Sketch使用小技巧,希望能够帮助到正在学习Sketch的同学提升相关技能。 1、学会“Insert”的快捷键 什么是你在设计中最常用的?创建一个新的Artboard A,插入文…

    2016-07-20
  • 搞定设计版本控制!一份超详细的 Sketch git 插件使用指南

    一份超详细的 Sketch git 插件使用指南

    2016-05-31
  • Sketch汉化插件-SketchI18N最新版本

    安装使用 下载安装包,并解压,在安装包找到SketchI18N.sketchplugin 双击 SketchI18N.sketchplugin 完成安装 重启 Sketch 自动汉化后完成汉化 如果第三步没成功,试试 在 Sketch 中按快捷键 control command + x …

    2018-03-19
  • 在Sketch里怎么切图?

    有了Sketch之后,切图变得越来越简单,之前在Sketch教程里有写过切图方面的教程,但还是有很多人想知道到底怎么用Sketch切图,这篇教程就作为一个Sketch的切图大综合,详细的讲一讲怎样在Sketch里面切图,以及切图…

    2015-11-30
  • Sketch从入门到精通-Sketch3 复制旋转功能的运用

    复制旋转功能是一个算是很特别很好玩的一个功能,当你需要对一个图形重复旋转的时候,如果手动调一定会有偏差,这个时候就需要复制旋转功能来实现,在菜单栏中进入图层 — 路径 ­­— 复制旋转 (Layer > Paths >…

    2015-08-03
  • Sketch从入门到精通-Sketch3 九宫格

    九宫格 在做图的时候,有的时候需要把画面划分几个部分,分别进行设计。因为随着作图能力的提高,规范性和严谨性就需要提高。尤其是网页设计,一个好的网页设计不是杂乱无序的。 所以我们可以用Sketch里的九宫格,…

    2015-08-03
  • Sketch 3.6的更新

    Sketch 3.6 带来了许多新的更新,终于盼来了文本渲染和SVG的改进,以及性能增强和bug修复。 固定基准 之前不一致的基线导致在设计的时候出现了很多问题,新的版本中当改变一个文本图层的字体和字体大小时,该图层出…

    2016-03-08
  • Sketch从入门到精通-Sketch3四种模糊方式

    现在经常能看到界面上各种模糊效果,或者是背景模糊,然后上面排字,放图片;通常是做背景的时候用到的模糊效果。在Sketch里面就有基本的四种模糊方式,分别介绍一下。 首先是最常见的高斯模糊(Gaussian Blur),…

    2015-08-03