注释切割工具（本地）

特点：导出的项目文件是本地的，比较安全，而且抠图也是直接导出的，比较方便前端使用

使用说明

第一次操作会弹出一个对话框让你选择比例和单位，选择的比例和单位是根据当前画板大小来定的，比如默认的7画板比例和单位分别是1和px，如果不知道怎么设置的话就用默认的标准像素就行了，反正后面前端看到的索引预览文件里就可以设置了，所以这个其实没啥影响。

使用这个插件可以快速的完成与前端的交接工作，我一般都是使用默认切图（制作导出项）来完成切图，选择所有需要交接的界面（画板），然后点击-导出规范（全部默认设置）即可完成。

这些都是导出的文件，一般我们只用切图文件和批注查看器sketch 图标库插件，但是大家在交付给前端的时候，一定要把整个文件打包发送，不然批注查看器就什么都看不到了。

对了，这个插件还支持手动标记和设置切割范围，真是用途广泛啊！

02摹客

注释剪切工具（在线）

特点：我和团队都用，在线协作非常方便（PS：100人团队免费，良心产品）。上面推荐的插件是将设计规范导出到本地进行交付，而且支持多人在线协作，文件再也不用来回传递了。

使用说明

使用起来更加简单，只需打开插件，登录你的账户，选择项目并上传即可！

上传完成后，点击“查看项目”即可跳转至 iDoc官网，您可以在这里查看界面数据、一键下载剪贴图、在线创建交互原型、添加评论等。

值得注意的是，分享的链接有两种模式，一种是针对程序员的，链接里有/app/字样，这是内部文件，需要权限sketch 图标库插件，记得把你的小伙伴加到团队里。

还有外部预览链接，任何人都可以查看。如果你做了交互链接，还可以在这里进行跳转等交互操作。链接里包含/run/字样

‍‍‍

蚂蚁金服的效率工具包

特点：大量免费资源，图片、文字等数据填充；图标；智能布局；图表生成

使用说明

效果不错！用过的人都知道，呵呵。

腾讯开发的一套效率工具

特点：腾讯专家研发，更新速度超快的效率工具集

使用说明

功能超级多，我就截个图给大家看看吧，对了，插件默认是英文的，需要在【帮助】里选择【更改菜单语言】才能改成中文。

国外效率工具集

特点：这是最早的自动填充工具，可用于填充图片、文字等数据（国外）；快速复用元素进行排版

使用说明

我们之前经常用到，最常用的功能是元素重用，大家可以试试，不过安装会稍微麻烦一点，可以看这里教程

在

在浏览器中查看设计

特点：非常好用的预览工具，特别是对于网页设计师来说，能够直接从软件到浏览器预览效果，非常直观高效

使用说明

之前这个插件只能预览画板名称以英文或者数字开头的界面，现在优化了，也支持中文名称了，选中画板按住快捷键⌘+shift⇧+.就可以在网页上预览设计图了，完美。

如有侵权请联系删除！