#Better Sketch
围绕 Sketch，收集优秀的插件，并分享提升生产力的各种技巧。
欢迎大家推荐好用的插件、工具和技巧，可Pull Request或在 Issue 中提交 :)
- 标注
- 图层
- 内容
- 其他功能
- 插件的更新
- 插件的汉化
- 快捷键
解放生产力的第一目标，就是解放标注。
| 名称 | 功能简述 | 单价 | 测评 |
|---|---|---|---|
| Measure | 可以算是第一款解放生产力的标注工具，国人 @utom 制作，强力推荐。 简评：功能强大，可以设置 Android 和 iOS 的标注规范。 |
免费 | # |
| Marketch | 同样优秀的一款标注插件，与 Measure 的区别主要集中在界面风格上，同样国人制作。 简评：设置项目太少，无法设置标注单位。 |
免费 | # |
| Ziplin | 第三方工具，可与 Sketch 无缝配合，项目支持多人共享，上传后其他人即可在本机上看到，不用传输文件，可以在线标注协同讨论，十分强大。价格不便宜，免费账户只能创建一个项目，付费价格从 15 刀到 100 刀不等。 | 0~$100 | # |
| Sympli | 与 Zeplin 类似的一款工具，对开发者更加友好，可以直接在 Xcode 和 Android Stuido 安装插件即可看到标注文件，价格与 Zeplin 也几乎一致，免费版可创建一个项目。 | 0~$100 | 对比 Zeplin |
围绕图层的插件和技巧。
| 名称 | 主要功能 |
|---|---|
| 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」： 1. 通过搜索快速执行操作，运行插件 2. 通过搜索快速定位图层或画板，并可跨越 Pages 搜索 3. 快速预览并插入 Symbol 4. 快速创建样式 |
| Sketch Commands | 快速移动图层 |
| Sketch Mate | 快速对齐图层 |
| Rename it | 快速批量重命名图层 |
| Sketch Mate | 快速排列图层 |
主要介绍一些快速填充内容的插件和技巧。
| 名称 | 主要功能 |
|---|---|
| Craft | 1. 快速填充数据内容（文本、图片均可） 2. 快速复制样式生成列表页面 3. 创建样式库文件，并可存放 Dropbox 实现同步 UI Kit 4. 制作简单可交互原型 |
| Relabel Button | 快速制作不同长度的按钮，保持 Padding 值不变 |
| Segmented Circles | 快速绘制各种圆形、环形数据图表 |
| Content Generator | 老牌内容填充利器：填充图片数据、城市地名、个人信息等 |
| Notebook Pro | 制作文档说明，特点是快速、样式统一和界面美观，收费插件（$7.99） |
| 制作真实数据图表 | 利用 Excel/Numbers 等软件将数据生成图表后导出 pdf（或其他矢量文件），即可用 Sketch 二次加工美化 |
| 名称 | 主要功能 |
|---|---|
| Font Finder Sketch Plugin | 查看当前文档正在使用的所有字体；批量查找字体，修改字体。 |
| Find and replace | 查找并替换，目前仅支持英文搜索 |
这里详细介绍一些原生好用的功能。
- Editing Symbols（官方文档）
目前的插件有两种更新方式，一是插件作者写了更新功能，在你使用的过程中会提示你进行升级；第二种就是发布在 Github 上，却没有更新功能的插件，目前这部份插件没有很好的更新管理方式，可使用以下方法更新。
- 插件发布在 Github 网站
- 使用 Clone 的方式安装插件，其他方式安装无效
- 下载 Sourcetree 或同类 App
- 找到插件的 Github 地址（如 https://github.com/rodi01/RenameIt）
- 点击「Clone or download」，复制该 URL
- 在电脑上打开终端（Terminal），输入
cd /Users/[你的用户名]/Library/Application\ Support/com.bohemiancoding.sketch3/Plugins
注意此处的xushuang换成你电脑的用户名，输入完成后按回车。 - 在终端输入
git clone [粘贴你复制的 URL] - 插件安装成功（某些插件可能需要双击该目录下的 xxxx.sketchplugin 文件）
- 打开 SourceTree，同时打开 Sketch 的插件文件夹「Plugins → Manage Plugins → Show in Finder（点击小齿轮）」
- 将你的插件文件夹拖动到 SourceTree 的「本地」中，当你的插件有更新时，会有红标数字提示（附图为没有更新状态时）
PS：抱歉，文字说明不够明白，这部份内容有时间了我会录制视频给大家演示。
## 6. 插件的汉化
Github 开源的插件，可以通过修改源文件的方式「查找并替换」里面的英文为中文，如有需要，建议自己汉化。
（具体内容待补充）
## 7. 快捷键
- Sketch 快捷键对照表
- OS X 自定义应用快捷键和Sketch自定义快捷键分享 - 可设置 Sketch 所有功能为快捷键
- Sketch Meetup Notes - Ray
- Designing Data with Sketch
- Making Sketch better… together
- LearnSketch - TIPS & TRICKS
- Mastering Sketch 3
Released under MIT LICENSE
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent