Better Sketch - 插件和技巧合集

4,081 阅读4分钟

围绕 Sketch,收集优秀的插件,并分享提升生产力的各种技巧。

目录

欢迎大家推荐好用的插件、工具和技巧,可Pull Request或在 Issue 中提交 :)

  1. 标注
  2. 图层
  3. 内容
  4. 其他功能
  5. 插件的更新
  6. 插件的汉化
  7. 快捷键

1. 标注

解放生产力的第一目标,就是解放标注。

名称 功能简述 单价 测评
Measure 可以算是第一款解放生产力的标注工具,国人 @utom 制作,强力推荐 免费 #
Marketch 同样优秀的一款标注插件,与 Measure 的区别主要集中在界面风格上,同样国人制作 免费 #
Ziplin 第三方工具,可与 Sketch 无缝配合,项目支持多人共享,上传后其他人即可在本机上看到,不用传输文件,可以在线标注协同讨论,十分强大。价格不便宜,免费账户只能创建一个项目,付费价格从 15 刀到 100 刀不等。 0~$100 #
Sympli 与 Zeplin 类似的一款工具,对开发者更加友好,可以直接在 Xcode 和 Android Stuido 安装插件即可看到标注文件,价格与 Zeplin 也几乎一致,免费版可创建一个项目。 0~$100 对比 Zeplin

2. 图层

围绕图层的插件和技巧。

名称 主要功能
Style Inventory 通过规则选择图层:
1. 选中相同颜色的图层
2. 选中相同名称的图层
Pixel Perfecter 通过规则选择图层:选中坐标和尺寸中含有小数点的图层
Sketch Select Similar Layers 通过规则选择图层:
1. 选中相同描边厚度的图层
2. 选中具有相同字体和大小的文本层
3. 选中相同透明度的图层
4. 选中相同混合模式的图层
Sketch Layer Tools 通过规则选择图层:
1. 选中当前页面上所有图形
2. 选中当前页面上所有文本
3. 选中所有画板
4. 选中所有文本
5. 选中所有位图
Font Finder 1. 查看文档内所有使用的字体
2. 选中使用某字体的所有图层
Sketch Runner Sketch 中的「Alfred」,可以通过搜索图层名快速定位,并可跨越 Page 搜索
Sketch Commands 快速移动图层
Sketch Mate 快速对齐图层
Rename it 快速批量重命名图层
Sketch Mate 快速排列图层

3. 内容

主要介绍一些快速填充内容的插件和技巧。

名称 主要功能
Craft 内容填充神器
Segmented Circles 快速绘制各种圆形数据图表
Find and replace 查找并替换,目前仅支持英文搜索
Relabel Button 快速制作不同长度的按钮,保持 Padding 值不变
Content Generator 内容填充利器:1. 填充图片数据;2. 填充城市地名;3. 填充个人信息
制作真实数据的图表 在 Office 类软件中利用已有数据生成图表,再导出 PDF 格式,用 Sketch 打开即可修改图表样式

4. 其他功能

这里详细介绍一些原生好用的功能。

Resizing

  1. Resizing Symbols(官方文档)
  2. 一张图告诉你如何用Sketch节约绳命-智能缩放
  3. Sketch教學 | #05 Smart resizing

Symbol

  1. Editing Symbols(官方文档)

5. 插件的更新

目前的插件有两种更新方式,一是插件作者写了更新功能,在你使用的过程中会提示你进行升级;第二种就是发布在 Github 上,却没有更新功能的插件,目前这部份插件没有很好的更新管理方式,可使用以下方法更新。

需具备条件

  1. 插件发布在 Github 网站
  2. 使用 Clone 的方式安装插件,其他方式安装无效
  3. 下载 Sourcetree 或同类 App

使用 Github Clone 安装插件

  1. 找到插件的 Github 地址(如 github.com/rodi01/Rena…
  2. 点击「Clone or download」,复制该 URL
  3. 在电脑上打开终端(Terminal),输入 cd /Users/xushuang/Library/Application\ Support/com.bohemiancoding.sketch3/Plugins [粘贴你复制的 URL]
    注意此处的 xushuang 换成你电脑的用户名,输入完成后按回车。
  4. 插件安装成功(某些插件可能需要双击该目录下的 xxxx.sketchplugin 文件)

使用 Github 更新插件

  1. 打开 SourceTree,同时打开 Sketch 的插件文件夹「Plugins → Manage Plugins → Show in Finder(点击小齿轮)」
  2. 将你的插件文件夹拖动到 SourceTree 的「本地」中,当你的插件有更新时,会有红标数字提示(附图为没有更新状态时)

PS:抱歉,文字说明不够明白,这部份内容有时间了我会录制视频给大家演示。

6. 插件的汉化

Github 开源的插件,可以通过修改源文件的方式「查找并替换」里面的英文为中文,如有需要,建议自己汉化。

(具体内容待补充)

7. 快捷键

  1. Sketch 快捷键对照表
  2. OS X 自定义应用快捷键和Sketch自定义快捷键分享 - 可定义 Sketch 所有功能为快捷键

关于

参考文献

License

Released under MIT LICENSE