UserFlows是一款能在Sketch中从画板生成流程图的插件。
定义链接
要定义两个画板之间的链接 - 选择一个图层和目标画板，然后运行定义链接命令（Cmd Shift K）。
添加条件逻辑
通过插件创建和管理条件，轻松显示条件流逻辑。 要添加条件，请运行添加/编辑条件命令（Cmd Shift D）。 要编辑现有的一组条件，请选择画板并运行相同的命令。
生成流程图
定义所有链接后，运行生成流程图命令（Cmd Shift F）。 选择开始屏幕，输入流程的详细信息，然后单击生成。
显示或隐藏连接
通过绘制链接覆盖在画板的顶部，快速概述您的流程。 当您进行更改时，只需再次运行命令即可重画（Cmd Shift 9）。 您也可以完全隐藏连接（Cmd Shift 0）。
自定义您的图表
根据您的首选分辨率生成图表，调整颜色或向导出的流程添加您的名称。
亲测，好用，省心，不用跪着画流程稿了，交互设计师必备。
地址：https://abynim.github.io/UserFlows/
原创文章，作者：ioued，如若转载，请注明出处：https://www.iamue.com/18903/
如果你是一枚交互设计师或者UI设计师，那么你一定知道Sketch这个强大的矢量设计软件；如果你用过Photoshop，那么在你接触了Sketch之后就能了解到这款产品相对于PS的优点，说不定会跟我一样变成一个Sketch的死忠粉。…
Mirror镜像这个只针对于设计手机界面的同学来说，比较有用。因为这是一个可以电脑做图和手机显示同步的一个功能。在Sketch的工具栏，你会发现这个Mirror，如下图: 看见了么？怎么样能实现和手机同步呢？首先你要在…
Sketch 3 - Bohemian Coding带给我们的这款优秀的设计工具，在速度及灵活性等方面的表现都是其竞争对手难以匹敌的。 我(英文原文作者)自己是一名自由交互设计师，很早就开始使用Sketch了，它已然成为我设计工作流程…
蒙版，顾名思义就是蒙上一层东西，只显示你想显示的部分，类似PS里面的遮罩。在Sketch里面，你可以有选择去显示想要显示的内容，比如你可以打开一张正方形的图片，然后想做一个圆形的头像，那么就需要在这个正方形…
小编：今天带来的是由小乔分享的knob拟物小教程，对于想学习sketch小伙伴们或者已经在用的同学们 练习起来都是不错的选择，当然没有mac用photoshop也是可以能设计出来的哟，快来开动你们的脑筋和动手能力吧！（附sk…
九宫格 在做图的时候，有的时候需要把画面划分几个部分，分别进行设计。因为随着作图能力的提高，规范性和严谨性就需要提高。尤其是网页设计，一个好的网页设计不是杂乱无序的。 所以我们可以用Sketch里的九宫格，…
现在经常能看到界面上各种模糊效果，或者是背景模糊，然后上面排字，放图片；通常是做背景的时候用到的模糊效果。在Sketch里面就有基本的四种模糊方式，分别介绍一下。 首先是最常见的高斯模糊（Gaussian Blur），…
在进行对图形的具体编辑的时候，会经常用到节点，或者叫点也可以。当你用钢笔画出一个图形的时候，然后回车一下，你就会发现有好多个节点组成了一条线，这个时候我们要对具体某个图形编辑的时候，就可以调节…
第一章 初识Sketch 1. Sketch 是什么？ Sketch 是一款非常适合UI界面设计师们使用的矢量绘图应用。集合了PS和AI的优点，很容易上手使用。它可以很方便的进行网页，图标及移动端界面的设计制作和切图。 2. 为什么要…
Sketch从入门到精通 讲师：阿西UED Smiler 参加时间：2015年6月24日 17:40 最后更新：2015年6月24日 17:40 适用人群： UI设计师、美工、视觉设计师、 对UI有兴趣的人。 简介 Sketch从入门到精通是由www.iamue.com …
