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 塌陷后自动缩小组件的测量范围。
网友评论