围绕 Sketch,收集优秀的插件,并分享提升生产力的各种技巧。
目录
欢迎大家推荐好用的插件、工具和技巧,可Pull Request
或在 Issue 中提交 :)
- 标注
- 图层
- 内容
- 其他功能
- 插件的更新
- 插件的汉化
- 快捷键
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
Symbol
- Editing Symbols(官方文档)
5. 插件的更新
目前的插件有两种更新方式,一是插件作者写了更新功能,在你使用的过程中会提示你进行升级;第二种就是发布在 Github 上,却没有更新功能的插件,目前这部份插件没有很好的更新管理方式,可使用以下方法更新。
需具备条件
- 插件发布在 Github 网站
- 使用 Clone 的方式安装插件,其他方式安装无效
- 下载 Sourcetree 或同类 App
使用 Github Clone 安装插件
- 找到插件的 Github 地址(如 github.com/rodi01/Rena…
- 点击「Clone or download」,复制该 URL
- 在电脑上打开终端(Terminal),输入
cd /Users/xushuang/Library/Application\ Support/com.bohemiancoding.sketch3/Plugins [粘贴你复制的 URL]
注意此处的xushuang
换成你电脑的用户名,输入完成后按回车。 - 插件安装成功(某些插件可能需要双击该目录下的 xxxx.sketchplugin 文件)
使用 Github 更新插件
- 打开 SourceTree,同时打开 Sketch 的插件文件夹「Plugins → Manage Plugins → Show in Finder(点击小齿轮)」
- 将你的插件文件夹拖动到 SourceTree 的「本地」中,当你的插件有更新时,会有红标数字提示(附图为没有更新状态时)
PS:抱歉,文字说明不够明白,这部份内容有时间了我会录制视频给大家演示。
6. 插件的汉化
Github 开源的插件,可以通过修改源文件的方式「查找并替换」里面的英文为中文,如有需要,建议自己汉化。
(具体内容待补充)
7. 快捷键
- Sketch 快捷键对照表
- OS X 自定义应用快捷键和Sketch自定义快捷键分享 - 可定义 Sketch 所有功能为快捷键
关于
参考文献
License
Released under MIT LICENSE