Sketch十个常用插件盘点

2019-07-30  本文已影响0人  琪蕊RUI

1. preview in browser

做PC页面时,在浏览中预览。选中页面后,按快捷键shift+cmd+.
当超出页面的宽度造成预览时的滚动时,把设计稿的尺寸设置为电脑分辨率的尺寸(13寸电脑1280px)

2.Runner

付费插件。通过关键词的搜索实现一些功能。免费用户只能使用第一个Run。
eg:
Run text
Goto 去哪个页面
Insert 插入symbol组件,输入名称
Create 快速制作symbol
Apply 运用symbol或者图层/文字样式
Install 搜索及安装插件

3. symbol instance locator

选中某个symbol后,执行插件,可找到其他哪些页面调用了这个symbol按钮。
隐藏的symbol也能找。
在删除symbol时常用到。

4. shared style finder

找文字/图层样式。通过下拉列表选样式,在下方的列表中显示。

5. find and replace

快速替换sketch文档中的文字。可以区分大小写;可以区分整个单词
替换范围可以选择:所选中的部分;整个page;整个文档。

6.select similar layers

寻找相同的描边、填充、字体颜色等。


image.png

选择相同的图层样式,可以通过最后的“class”选项

7.rename it

重命名图层、重命名画板、查找替换
若按照数字顺序,会按照画板从左到右的顺序自动命名。

8.flavor

快速填充, 中英文名/手机号/日期/邮箱等。
快速复制,做矩阵。
快速参考线。

9.kitchen

图表生成器
可以在登陆后同步色板、iconfont的图标库。
自动排版(小bug:无法在symbol里自适应。)
头像(有亚洲人的头像)
文本——有自定义功能

10.anima

padding 制作弹性按钮或者弹性按钮组。
pins 可做百分比;居中可以设置居中偏左或偏右
宽度/高度的最大/最小值
stack 编组后设置间距;其中有个collapsing勾选框。删除或者隐藏中间的内容后,后面的可自动跟进补全。
例1
做tabs标签切换时,要保证选中的底部横线和文字是等宽的,可以在文字+横条的小组件中,设置横线的pins,左右的间距是0

image.png image.png

例2

image.png
在箭头+文字的组里选择好间距、塌陷功能和pins(左)的数值。当箭头选为none时,文字会自动跟进右对齐。
image.png
例3
image.png
第一个组: 图标和小字,用stack组。
第二个组: 1组+标题( 标题用sketch自有的pins)
第三个组:2组+白色的底,用padding ,定义上下左右的边距。
第四个组:3组+关闭按钮。stack组
例4
actionsheet
在stack功能中勾选 resize symbol 塌陷后自动缩小组件的测量范围。

来自:
https://ke.uibang.cn/detail/v_5d394c5bce747_ZTECRSrr/3

上一篇下一篇

猜你喜欢

热点阅读