Sketch 有哪些插件值得推荐？
Sketch 有哪些插件值得推荐？
sketch被越来越多的设计师使用，配合他的插件也有不少，有没有值得推荐的一些插件呢？
按投票排序按时间排序
18 个回答
12月28日更新————————
Marketch ( for UI)
来源tudou527/marketch · GitHub
用过Zeplin的同学基本泪流满面，而这个免费插件可以让你泣不成声。
直接在本地生成html，非常便捷查看尺寸颜色等参数，和Zeplin一样的思路。不仅免费，而且公司也不用担心云端的安全/隐私问题了。
如果说Sketch Mearsure可以节省你一杯咖啡的时间，这玩意可以节省你一顿饭的时间。
真正的彻底告别标记尺寸和颜色等dirty work。
做了多年ERP的我明白了一个道理，能用机器代劳的活一定不要人来干。大家的时间都很宝贵，我们还是做点更有意义的事情吧。
![]()
以下原文——————————
经常用这几个，感到非常不错，推荐一下。
![]()
AEFlowchart (for UX)
来源 tadija/AEFlowchart · GitHub
Flowchart 顾名思义，就是出流程图的。
![]()
共有四种控件样式 Decision | Input Output | Process | Start End
自动生成对应样式，一键连接所有元素。
注意：生成连线为1px，且图层默认被锁定。颜色过浅，有时候需要自己调整下border颜色，大神可以自己去调整脚本里的相关参数。
Sketch 升级到3.2.2之后经常没法自动连线，比较苦恼。
Content Generator Sketch Plugin (for UI/UX)
来源 timuric/Content-generator-sketch-plugin · GitHub
这个插件真是酷炫至极
![]()
可以自动填充地名人名图片和长文本。
做Contact Card时候简直像开挂一般高效。
![]()
填充图片还分男女，人名也分性别。还能自动生成邮箱和电话
![]()
可以节省大量时间，让你的Mockup看起来更加逼真。
Sketch Measure (for UI)
来源utom/sketch-measure · GitHub
强烈推荐，满星好评！
解救广大UI Designer于水深火热之中的神器，能够彻底解决开发人员和设计师之间沟通不畅的问题。
UI Designer最终产出物少不了Visual Guideline. 制作这份文档真是庞大的工程。
每个控件，页面的尺寸标记，颜色标记还有字号标记，最终页面的实现效果完全取决于这份文档的细腻程度。通常，有了这份文档，开发严格执行，最终页面还原度还是非常之高的。
这个插件就是可以在页面上自动标记出相关参数。
![]()
当然，不同的公司在这个环节执行的方法各不相同，标记的方法也不一样。
Case by case的来看，这款插件还是十分实用的。曾用过Markman和Pxcook，总是觉得还是有不尽人意的地方。
这个插件标记起来不仅仅的自动的，而且在源文件里直接标记...
整齐的文档，带着标记交给开发。相互之间还有什么好抱怨的呢？
Sketch Notebook Master (for UX)
来源marcosvidal/Sketch-Notebook · GitHub
![]()
交互设计师都想让自己的mockup变得更加整洁，但为自己的设计写上注释是少不了的事情。整理格式会花很多时间，不整理看起来又很乱，说明太多经常会盖住相关内容。
这个插件可以自动生成一个边栏用来写相关注释。选中相关控件，即可生成标记icon，右侧生成comment. comment可以自动排序对齐，十分方便快捷。
Taobao Image Sketch Plugin (for UI)
来源DOWNLOAD | LIAO ZCHENG
![]()
来自Taobao UED的优秀插件，基于Content Generator Sketch Plugin 修改的接地气的版本。
经常做电商平台产品的童鞋用起来还是非常不错的。
日常工作主要用的就是这些插件，全免费。
Sketch真的是不可多得的优秀软件。
99美刀，你值得拥有~
Marketch ( for UI)
来源tudou527/marketch · GitHub
用过Zeplin的同学基本泪流满面，而这个免费插件可以让你泣不成声。
直接在本地生成html，非常便捷查看尺寸颜色等参数，和Zeplin一样的思路。不仅免费，而且公司也不用担心云端的安全/隐私问题了。
如果说Sketch Mearsure可以节省你一杯咖啡的时间，这玩意可以节省你一顿饭的时间。
真正的彻底告别标记尺寸和颜色等dirty work。
做了多年ERP的我明白了一个道理，能用机器代劳的活一定不要人来干。大家的时间都很宝贵，我们还是做点更有意义的事情吧。
以下原文——————————
经常用这几个，感到非常不错，推荐一下。
AEFlowchart (for UX)
来源 tadija/AEFlowchart · GitHub
Flowchart 顾名思义，就是出流程图的。
共有四种控件样式 Decision | Input Output | Process | Start End自动生成对应样式，一键连接所有元素。
注意：生成连线为1px，且图层默认被锁定。颜色过浅，有时候需要自己调整下border颜色，大神可以自己去调整脚本里的相关参数。
Sketch 升级到3.2.2之后经常没法自动连线，比较苦恼。
Content Generator Sketch Plugin (for UI/UX)
来源 timuric/Content-generator-sketch-plugin · GitHub
这个插件真是酷炫至极
可以自动填充地名人名图片和长文本。
做Contact Card时候简直像开挂一般高效。
填充图片还分男女，人名也分性别。还能自动生成邮箱和电话
可以节省大量时间，让你的Mockup看起来更加逼真。
Sketch Measure (for UI)
来源utom/sketch-measure · GitHub
强烈推荐，满星好评！
解救广大UI Designer于水深火热之中的神器，能够彻底解决开发人员和设计师之间沟通不畅的问题。
UI Designer最终产出物少不了Visual Guideline. 制作这份文档真是庞大的工程。
每个控件，页面的尺寸标记，颜色标记还有字号标记，最终页面的实现效果完全取决于这份文档的细腻程度。通常，有了这份文档，开发严格执行，最终页面还原度还是非常之高的。
这个插件就是可以在页面上自动标记出相关参数。
当然，不同的公司在这个环节执行的方法各不相同，标记的方法也不一样。Case by case的来看，这款插件还是十分实用的。曾用过Markman和Pxcook，总是觉得还是有不尽人意的地方。
这个插件标记起来不仅仅的自动的，而且在源文件里直接标记...
整齐的文档，带着标记交给开发。相互之间还有什么好抱怨的呢？
Sketch Notebook Master (for UX)
来源marcosvidal/Sketch-Notebook · GitHub
交互设计师都想让自己的mockup变得更加整洁，但为自己的设计写上注释是少不了的事情。整理格式会花很多时间，不整理看起来又很乱，说明太多经常会盖住相关内容。
这个插件可以自动生成一个边栏用来写相关注释。选中相关控件，即可生成标记icon，右侧生成comment. comment可以自动排序对齐，十分方便快捷。
Taobao Image Sketch Plugin (for UI)
来源DOWNLOAD | LIAO ZCHENG
来自Taobao UED的优秀插件，基于Content Generator Sketch Plugin 修改的接地气的版本。经常做电商平台产品的童鞋用起来还是非常不错的。
日常工作主要用的就是这些插件，全免费。
Sketch真的是不可多得的优秀软件。
99美刀，你值得拥有~
用Sketch两年多，以下是一些我常用的插件
1. Sketch Toolbox
下载地址：Sketch Toolbox
——我使用这个插件（其实应该说是一个软件吧）来管理我大部分的Sketch插件
![]()
2. Content Generator
下载地址：https://github.com/timuric/Content-generator-sketch-plugin
——用于生成人名、头像、邮件、占位文字、地理位置、随机数字等等
![]()
3. Subtle Patterns
下载地址：Subtle Patterns Photoshop plugin （是一款收费插件）
——用于给图层添加一些微妙的纹理效果
![]()
3. Rename It
下载地址：GitHub - rodi01/RenameIt: Sketch plugin to rename layers like a boss
——用于快速重命名图层，比如可以使用例如「%n」这样的语法快速命名一个连续列表，也可以自动使用图层尺寸来给图层命名，可以很方便地使用「ABC Icon 36px * 36px」来导出Asset文件。
![]()
4. Sketch Arrange Artboard
下载地址：GitHub - kenmoore/sketch-arrange-artboards: Layout all artboards in a grid with user-specified number of rows
——帮助整理你混乱的Sketch Artboards
![]()
5. Sort Me
下载地址：GitHub - romashamin/sort-me-sketch: Sort artboards and layers by name
——根据图层/画布名字排序，配合Rename It使用效果拔群！
![]()
6. Icon Fonts
下载地址：GitHub - keremciu/sketch-iconfont: This plugin helps you easily insert and manage icons from icon fonts.
——直接在Sketch里添加FontAwesome的图标
![]()
7. Find and Replace
下载地址：GitHub - mscodemonkey/Sketch-Find-And-Replace: Sketch 3 plugin to do a find and replace on text within layers
——对Typo狂魔设计师（比如我）简直是天大福音！妈妈再也不担心我在50张Mock里打同一个错别字了！
![]()
8. Sketch Constraints
下载地址：GitHub - bouchenoiremarc/Sketch-Constraints: A plugin that integrates constraints in Sketch to lay out layers.
——通过标注父子图层间的关系，我们可以让Sketch设计文件也可以Adaptive Layout，快速将同一套设计扩展到多种尺寸。
![]()
![]()
9. Material Design Color Palette
下载地址：https://github.com/t32k/material-design-color-palette
——这个不用解释啦，在Sketch里快速生成Material Design颜色板的利器
![]()
10. Measure
下载地址：GitHub - utom/sketch-measure: A measure tool for measurements & design specs.
——在Zeplin和Marketch等工具出现前的Spec标注神器，但即使有了Zeplin和Marketch，我还是会有时候用它来手动标一些自动标注器说不清楚的Spec。
![]()
11. Marketch
下载地址：GitHub - tudou527/marketch: Marketch is a Sketch 3 plug-in for automatically generating html page that can measure and get CSS styles on it.
——Zeplin是一个神器，但是很多公司（尤其是大公司）出于商业机密的考虑不允许设计师使用在线的Spec标注软件，Marketch就是一个几乎完美的替代品，它是一个可交互的Spec文档，选择某个元素后，各项尺寸都会显示出来，右边栏甚至还有写好的CSS Code。自从用了它，和我厂的工程师沟通腰也不疼了、腿也不酸了！
![]()
12. Magic Mirror
下载地址：http://magicmirror.design/
——设计师有时候想把Mock放在手机/Mac设备上来营造某种效果（逼格），通常的解决办法是在Sketch里导出设计稿然后在Photoshop再处理。而Magic Mirror这款插件帮助你在Sketch里实现这一效果，再也不用切换到Photoshop来做Dribbble图啦！
![]()
13. InVision Craft
下载地址：Craft by InVision LABS
——这款插件绝不是一个内容生成器那么简单。它可以帮助你摆脱「Lorem Ipsum」，使用真实的产品数据进行设计，这对设计师来说简直太重要了！具体的操作办法可以去他们的官网看视频教程。
![]()
1. Sketch Toolbox
下载地址：Sketch Toolbox
——我使用这个插件（其实应该说是一个软件吧）来管理我大部分的Sketch插件
2. Content Generator
下载地址：https://github.com/timuric/Content-generator-sketch-plugin
——用于生成人名、头像、邮件、占位文字、地理位置、随机数字等等
3. Subtle Patterns
下载地址：Subtle Patterns Photoshop plugin （是一款收费插件）
——用于给图层添加一些微妙的纹理效果
3. Rename It
下载地址：GitHub - rodi01/RenameIt: Sketch plugin to rename layers like a boss
——用于快速重命名图层，比如可以使用例如「%n」这样的语法快速命名一个连续列表，也可以自动使用图层尺寸来给图层命名，可以很方便地使用「ABC Icon 36px * 36px」来导出Asset文件。
4. Sketch Arrange Artboard
下载地址：GitHub - kenmoore/sketch-arrange-artboards: Layout all artboards in a grid with user-specified number of rows
——帮助整理你混乱的Sketch Artboards
5. Sort Me
下载地址：GitHub - romashamin/sort-me-sketch: Sort artboards and layers by name
——根据图层/画布名字排序，配合Rename It使用效果拔群！
6. Icon Fonts
下载地址：GitHub - keremciu/sketch-iconfont: This plugin helps you easily insert and manage icons from icon fonts.
——直接在Sketch里添加FontAwesome的图标
7. Find and Replace
下载地址：GitHub - mscodemonkey/Sketch-Find-And-Replace: Sketch 3 plugin to do a find and replace on text within layers
——对Typo狂魔设计师（比如我）简直是天大福音！妈妈再也不担心我在50张Mock里打同一个错别字了！
8. Sketch Constraints
下载地址：GitHub - bouchenoiremarc/Sketch-Constraints: A plugin that integrates constraints in Sketch to lay out layers.
——通过标注父子图层间的关系，我们可以让Sketch设计文件也可以Adaptive Layout，快速将同一套设计扩展到多种尺寸。
9. Material Design Color Palette
下载地址：https://github.com/t32k/material-design-color-palette
——这个不用解释啦，在Sketch里快速生成Material Design颜色板的利器
10. Measure
下载地址：GitHub - utom/sketch-measure: A measure tool for measurements & design specs.
——在Zeplin和Marketch等工具出现前的Spec标注神器，但即使有了Zeplin和Marketch，我还是会有时候用它来手动标一些自动标注器说不清楚的Spec。
11. Marketch
下载地址：GitHub - tudou527/marketch: Marketch is a Sketch 3 plug-in for automatically generating html page that can measure and get CSS styles on it.
——Zeplin是一个神器，但是很多公司（尤其是大公司）出于商业机密的考虑不允许设计师使用在线的Spec标注软件，Marketch就是一个几乎完美的替代品，它是一个可交互的Spec文档，选择某个元素后，各项尺寸都会显示出来，右边栏甚至还有写好的CSS Code。自从用了它，和我厂的工程师沟通腰也不疼了、腿也不酸了！
12. Magic Mirror
下载地址：http://magicmirror.design/
——设计师有时候想把Mock放在手机/Mac设备上来营造某种效果（逼格），通常的解决办法是在Sketch里导出设计稿然后在Photoshop再处理。而Magic Mirror这款插件帮助你在Sketch里实现这一效果，再也不用切换到Photoshop来做Dribbble图啦！
13. InVision Craft
下载地址：Craft by InVision LABS
——这款插件绝不是一个内容生成器那么简单。它可以帮助你摆脱「Lorem Ipsum」，使用真实的产品数据进行设计，这对设计师来说简直太重要了！具体的操作办法可以去他们的官网看视频教程。
Designer上述提到的就不再重复。
-------- 更新，Adaptive Layout的好助手 --------
1.Sketch Constraints可以让Sketch设计文件也可以Adaptive Layout，快速将同一套设计扩展到多种尺寸。
![]()
演示视频：https://vimeo.com/140962822
下载地址：GitHub - bouchenoiremarc/Sketch-Constraints: A plugin that integrates constraints in Sketch to lay out layers.
2.AnimateMate
如果你想制作一些简单的动画而不想借助其他复杂的动画设计工具，那么这款插件将很适合你。
![]()
下载地址：AnimateMate - Animation Plugin for Sketch
3.Craft by inVision
最大的亮点是使用真实数据填充文字、图片等信息，来源例如来自你的文件夹、Dropbox或者网页。另外还有复制组功能，横向或竖向。
![]()
下载地址：Craft by InVision LABS
4.Unsplash it
同样是图像填充插件，不同的是图片源来自“高质量、无版权自由使用”的http://Unsplash.com。精美的图片会为你的设计增添高端优雅气质。
![]()
下载地址：fhuel/Unsplash-It-Sketch: A plugin to quick...
5.Sketch-Android-Assets-Master
这个绝壁是Android切图的神器！可以换算dip-px，还可以自动化导出Android、Windows Phone的尺寸。例：以mdpi为基准，最后导出文件。![]()
下载地址：zmalltalker/sketch-android-assets
6.Sketch-9path
切Android .9的插件，自动将选择的画板转换为.9图层，并导出格式为XXX.9.png的图片。
![]()
下载地址：maundytime/sketch-9patch
7.CSSketch
代码与设计结合可以带来强大的力量！此插件引入了CSS来控制设计，利用好可以大大提升设计效率与精确性。
![]()
下载地址：JohnCoates/CSSketch
以上，以后有新的优质强大的插件再更新。
-------- 更新，Adaptive Layout的好助手 --------
1.Sketch Constraints可以让Sketch设计文件也可以Adaptive Layout，快速将同一套设计扩展到多种尺寸。
演示视频：https://vimeo.com/140962822下载地址：GitHub - bouchenoiremarc/Sketch-Constraints: A plugin that integrates constraints in Sketch to lay out layers.
2.AnimateMate
如果你想制作一些简单的动画而不想借助其他复杂的动画设计工具，那么这款插件将很适合你。
下载地址：AnimateMate - Animation Plugin for Sketch3.Craft by inVision
最大的亮点是使用真实数据填充文字、图片等信息，来源例如来自你的文件夹、Dropbox或者网页。另外还有复制组功能，横向或竖向。
下载地址：Craft by InVision LABS4.Unsplash it
同样是图像填充插件，不同的是图片源来自“高质量、无版权自由使用”的http://Unsplash.com。精美的图片会为你的设计增添高端优雅气质。
下载地址：fhuel/Unsplash-It-Sketch: A plugin to quick...5.Sketch-Android-Assets-Master
这个绝壁是Android切图的神器！可以换算dip-px，还可以自动化导出Android、Windows Phone的尺寸。例：以mdpi为基准，最后导出文件。
下载地址：zmalltalker/sketch-android-assets
6.Sketch-9path
切Android .9的插件，自动将选择的画板转换为.9图层，并导出格式为XXX.9.png的图片。
下载地址：maundytime/sketch-9patch7.CSSketch
代码与设计结合可以带来强大的力量！此插件引入了CSS来控制设计，利用好可以大大提升设计效率与精确性。
下载地址：JohnCoates/CSSketch以上，以后有新的优质强大的插件再更新。
推荐 Silver Flows ，直接在 Sketch 里做交互原型
![]()
介绍：
该工具即将进入公测阶段。先占坑，等拿到内测再看心情是否回来填坑。
———————— 2016-6-17 更新 ————————
![]()
终于搞到 Activate code（在 Facebook 讨论组、Twitter 上找了一圈，最后还是一位广州的朋友分享了他收到的鸡和马，非常感谢他。现在还剩 3 枚。独乐乐不如众乐乐，有需要的请在评论里留言，仅 3 枚，手快有，手慢无。请收到的朋友也能帮助一起测试，并将测试意见和建议反馈回去帮助改进。
现在 Silver Flows 已经被 InVision 收购， 并入 Craft 中，就叫「Prototype」，见上图中第 4 项。
附上来自 Product Manager 的邮件 原文：
中午简单的试玩了一把：点击一个 Artboard 上的按钮，切换至另一个 Artboard，操作还算直观、方便，但是无法在 Sketch 中直接 Preview ，需安装 InVision Viewer 查看和测试交互效果。
好吧，这个坑今天还填不完，等测试完，有空再回来继续填坑。
———————— 2016-6-21 更新 ————————
Well, Y2B 上有个哥们很欢乐的试玩 一圈，还提供了源文件下载，请自备梯子观看。
Craft 2.0 Prototype from InVision Walk-Through
![]()
介绍：
该工具即将进入公测阶段。先占坑，等拿到内测再看心情是否回来填坑。
———————— 2016-6-17 更新 ————————
终于搞到 Activate code（在 Facebook 讨论组、Twitter 上找了一圈，最后还是一位广州的朋友分享了他收到的鸡和马，非常感谢他。现在还剩 3 枚。独乐乐不如众乐乐，有需要的请在评论里留言，仅 3 枚，手快有，手慢无。请收到的朋友也能帮助一起测试，并将测试意见和建议反馈回去帮助改进。现在 Silver Flows 已经被 InVision 收购， 并入 Craft 中，就叫「Prototype」，见上图中第 4 项。
附上来自 Product Manager 的邮件 原文：
From: Aby from InVision <abyn@invisionapp.com>
Date: Tue, May 31, 2016 at 11:00 PM
Subject: Early access to Prototype, from InVision Craft
Hi there,
As you've probably heard, Silver Flows was acquired by InVision and will now be released as part of InVision Craft. Craft enhances your workflow with innovative features like Library, Duplicate, Type, and Photos. Now, we’re renaming Silver Flows as Prototype and integrating it into Craft (for Sketch only).
Since you signed up for the Silver Flows beta, you’re invited to be part of the Prototype beta and help us build a solid product before we release it publicly. By joining our private beta program, you’ll have access to exclusive pre-release builds for Mac and iOS.
We would love your feedback on:
- Craft performance, specifically Prototype
- Syncing between your device and your Mac
- Interacting with your prototype on your device
- Any bugs you come across or experiences you find to be unintuitive
To get started:
- Create an InVision account if you don’t have one.
- Download the latest version of InVision Viewer from the App Store and create an account/log in.
- Make sure your Craft Manager plugin is on version 1.2.9. If not, press cmd+shift+r and update it.
- Open the Craft Manager window and press cmd+shift+b.
- Enter in one of the activation codes:
******- Switch to “Prototype Beta” in the dropdown menu at the top of the window.
Share with your friends
You have five activation codes—share these within your network! We also welcome you to share your experience via a blog or Medium post (videos and .gifs are okay!).
Feedback, bugs, and questions
If you have ANY feedback—whether you have a bug report, find certain features are not working as you expected, or have a feature request—reach out to InVision Support atsupport@invisionapp.com.
On behalf of the InVision team: Welcome! We're so glad to have you on board. Emailsupport@invisionapp.com with any questions!
Looking forward to your feedback,
Aby
Product Manager at InVisionInVision - A Design Prototyping, Collaboration & Workflow Platform
中午简单的试玩了一把：点击一个 Artboard 上的按钮，切换至另一个 Artboard，操作还算直观、方便，但是无法在 Sketch 中直接 Preview ，需安装 InVision Viewer 查看和测试交互效果。
好吧，这个坑今天还填不完，等测试完，有空再回来继续填坑。
———————— 2016-6-21 更新 ————————
Well, Y2B 上有个哥们很欢乐的试玩 一圈，还提供了源文件下载，请自备梯子观看。
Craft 2.0 Prototype from InVision Walk-Through
2016.4.8~4.9 期间在德国举办了一场 Sketch 黑客马拉松。
Medium 文章
https://medium.com/sketch-app-sources/runner-speed-up-your-sketch-workflow-fba470ed43c1#.bgdpr68wy
---
以下就是两个优秀的产物:
Sketch Runner
Sketch 里的 Alfred
- 提升效率必备。
官网
Sketch Runner
![]()
Sketch Copy to All
如其名，把同样的图层，样式，Symbol 复制到其他的 Artboard
![]()
![]()
Github 地址
GitHub - wuwa/sketch-copy-to-all: sketch
Medium 文章
https://medium.com/sketch-app-sources/runner-speed-up-your-sketch-workflow-fba470ed43c1#.bgdpr68wy
---
以下就是两个优秀的产物:
Sketch Runner
Sketch 里的 Alfred
- 提升效率必备。
官网
Sketch Runner
Sketch Copy to All
如其名，把同样的图层，样式，Symbol 复制到其他的 Artboard
Github 地址
GitHub - wuwa/sketch-copy-to-all: sketch
PS+Sketch通用！帮你提高效率的自动填充神器插件Craft
更新一个插件： craft，前面有人提到，不过对于他的强大的功能没有提及。
自动填充，图片（从文件夹，从网络），文字(电话\地址、人名、网站选择的文本)。
无法贴 gif，请看上面的链接，有比较完整介绍
-------------------
![]()
楼上的一些分享不错，补充2个人用的多的~
Duplicator turbobabr/duplicator · GitHub
个人最常用的插件。类似于自带的 Make Grid 功能，效率会高一些。
快速复制选定层到指定的方向。
![]()
Sketch Resize AntonStrand/Sketch-Resize · GitHub
使用一个层或artboard作为一个模板来调整其他层的长宽。
从数值小的往数值大的变化。
如：A是10*10 B是20*20
![]()
----------------------------------------------------------
2015-12-04 10:21:29 更新
![]()
------------------------ 2015-12-04 16:18:24 补充
Sort Layers getflourish/Sketch-Sort-Layers · GitHub
![]()
更新一个插件： craft，前面有人提到，不过对于他的强大的功能没有提及。
自动填充，图片（从文件夹，从网络），文字(电话\地址、人名、网站选择的文本)。
无法贴 gif，请看上面的链接，有比较完整介绍
-------------------
楼上的一些分享不错，补充2个人用的多的~
Duplicator turbobabr/duplicator · GitHub
个人最常用的插件。类似于自带的 Make Grid 功能，效率会高一些。
快速复制选定层到指定的方向。
- 快速复制一个选定组件到自己指定的方向，默认间距10.生产一个。
- 快速复制一个选定组件到自己指定的方向，指定间距，指定复制个数。
Sketch Resize AntonStrand/Sketch-Resize · GitHub
使用一个层或artboard作为一个模板来调整其他层的长宽。
从数值小的往数值大的变化。
如：A是10*10 B是20*20
- 可以通过这个插件变成 20*10 （宽度一致） 10*20（高度一致）20*20（高宽一致）
- 也可以在这个基础上再添加指定的参数，比如：n为设定值 （20+N）*10
- 当只选择一个原件时执行，会参照artboard来调整长宽。如变成和artboard等宽的矩形。
----------------------------------------------------------
2015-12-04 10:21:29 更新
SketchDistributor PEZ/SketchDistributor · GitHub
------------------------ 2015-12-04 16:18:24 补充
Sort Layers getflourish/Sketch-Sort-Layers · GitHub
我自定义了一下Content Generator这个插件。
起因是Content Generator 这个插件是英文的，手机号也是国外的号码。对于日常使用除了图片、邮箱的填充几乎无用。
举个例子
你想随机生成中国手机号：
1.打开 Sketch Plugin 的文件夹，Content-generator-sketch-plugin-master/data/persona 你会发现邮箱和手机号是两个 json 文件。（把他看成 excel 一条条存储数据吧)
![]()
2.准备一份中国手机号的 json 文件。
3.备份原文件。用自己准备的 json 文件覆盖原文件中的 phones.js (请保持一模一样的名字）
4.改个自己喜欢的插件名字呗。比如我司项目MoSeeker
![]()
基本原理就是这样。
想要添加新的或者改名字还需要修改相关文件。
如有兴趣自行研究吧。
起因是Content Generator 这个插件是英文的，手机号也是国外的号码。对于日常使用除了图片、邮箱的填充几乎无用。
举个例子
你想随机生成中国手机号：
1.打开 Sketch Plugin 的文件夹，Content-generator-sketch-plugin-master/data/persona 你会发现邮箱和手机号是两个 json 文件。（把他看成 excel 一条条存储数据吧)
2.准备一份中国手机号的 json 文件。
3.备份原文件。用自己准备的 json 文件覆盖原文件中的 phones.js (请保持一模一样的名字）
4.改个自己喜欢的插件名字呗。比如我司项目MoSeeker
基本原理就是这样。
想要添加新的或者改名字还需要修改相关文件。
如有兴趣自行研究吧。
发现了一个超好用的标注（切图）插件，心情有些激动 ！！！一定要来答一发！！
Sympli: complete collaboration tool for designers and developers
![]()
虽然已经有Measure、zplin等自动化标注工具已经节约了一部分标注时间，但还是有很多局限：
比如在sketch里定义好的文字颜色样式，经过measure导出后就看不到样式名了，不利于程序员哥哥统一管理，也不方便改 >..<。标注完图还是得设计师2x 3x hdpi xhdpi的切，虽然也有自动生成切图的插件，但貌似有问题，经常切出来的图不对。设计稿要修改，标注还得自己手动更新。。。
标注切图一堆破事，费事费力，很想哭有没有。
以上问题smypli基本可以完全解决！新建项目，把sketch 或者ps 做好的设计稿通过插件上传，邀请程序员哥哥， 他们在xcode和android stuido里安装相应的插件，就可以看见所有的设计元素，间距，切图，样式，甚至图层！
![]()
价钱也还是划算
![]()
一定要向开发者献上膝盖！
ps：有安卓插件真的业界良心，安卓开发大哥们终于不用愁眉苦脸（但我们依旧不准备做安卓的设计稿。。。）
pps：真的真的真的真的超级超级超级超级讨厌标注！
这么好用的插件居然没人推荐。。
Sympli: complete collaboration tool for designers and developers
虽然已经有Measure、zplin等自动化标注工具已经节约了一部分标注时间，但还是有很多局限：比如在sketch里定义好的文字颜色样式，经过measure导出后就看不到样式名了，不利于程序员哥哥统一管理，也不方便改 >..<。标注完图还是得设计师2x 3x hdpi xhdpi的切，虽然也有自动生成切图的插件，但貌似有问题，经常切出来的图不对。设计稿要修改，标注还得自己手动更新。。。
标注切图一堆破事，费事费力，很想哭有没有。
以上问题smypli基本可以完全解决！新建项目，把sketch 或者ps 做好的设计稿通过插件上传，邀请程序员哥哥， 他们在xcode和android stuido里安装相应的插件，就可以看见所有的设计元素，间距，切图，样式，甚至图层！
价钱也还是划算
一定要向开发者献上膝盖！
ps：有安卓插件真的业界良心，安卓开发大哥们终于不用愁眉苦脸（但我们依旧不准备做安卓的设计稿。。。）
pps：真的真的真的真的超级超级超级超级讨厌标注！
这么好用的插件居然没人推荐。。
浙公网安备 33010602011771号