#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