[TOC] # UI)设计--切图标注工具 [当下最省心省力优雅大气的切图工具或插件是什么？](https://www.zhihu.com/question/24092846) [Mac下的切图神器！Slicy使用说明](https://www.uisdc.com/instruction-of-slicy) [UI设计稿全自动切图和标注的工具推荐](http://www.yiyongtong.com/archives/view-5909-1.html) 1、快速进行APP界面设计的工具：Sketch3 MAC破解版等。 2、优秀的移动APP产品原型设计工具：justinmind 3、一个可视化的Android UI界面设计工具推荐：DroidDraw https://www.baidu.com/s?ie=utf-8&wd=mac+%E4%B8%8B+%E5%88%87%E5%9B%BE [写给前端小白的切图技巧（实用）](http://blog.csdn.net/u013778905/article/details/52268304) [做一个会PS切图的前端开发](http://www.cnblogs.com/w-wanglei/p/5598336.html) # Zeplin Zeplin 是配合着 Sketch 非常好用的一款插件，设计稿完成后，可以直接从 Sketch 导入到 Zeplin 中。Zeplin 可以帮你自动 **生成尺码标注**、**CSS 样式代码**、**导出图片**（在 Sketch 中设好切片的设计稿，在 Zeplin 中可以直接导出），以及共享成员间可以 **备注和评论**等。 # [标你妹~啊](http://www.biaonimeia.com/login) ## 前端切图神器avocode https://www.jianshu.com/p/6b76459e7d8e ## lanhuapp https://lanhuapp.com/?ps ## Cut&Slice me 前些时候，一同事给我装了这么一个插件 Cut&Slice me 。说是一切图神器，只要我设计的时候按照该插件的规则进行图层命名和分组，至少减少百分之50以上的切图工作量。试之，甚爽~~~把它分享给大家，觉得有帮助的朋友可以装个试试~~ https://brushes8.com/55549.html ## [cutterman](http://www.cutterman.cn/zh)(免费)--切图（ps 插件） ## assistor ps(免费)--切图，标注（ps 标注） http://witstudio.net/ [免费了！切图标记外挂神器ASSISTOR PS深入解读（上）](http://www.uisdc.com/assistor-ps-introduction-1) [免费了！切图标记外挂神器ASSISTOR PS深入解读（下）](http://www.uisdc.com/assistor-ps-introduction-2) ## [parker](http://www.cutterman.cn/zh/parker)(收费)--标注（ps 插件） ## [PxCook](http://www.fancynode.com.cn/pxcook)(免费)--标注 ## [BigShear](http://www.fancynode.com.cn/bigshear)(收费)--切图 ## [markman](http://www.getmarkman.com/)(收费)--标注 标注的工具试过几个。PxCook和markman功能类似，不足：没法准确取色，特别是带透明色；无法准确获取文字（字体，字体大小，字体颜色，行高）。 parker功能都有，但是外边距只能量2个图层，无法多个图层一起标注外边距。ASSISTOR PS功能都有，但是内边距需要自己手动拉个选框出来，再选中2个图层，才能量了。 切图类工具呢，虽然没怎么试过，不过大家都推荐cutterman。 标注类工具呢，跟ps一起用的话，推荐ASSISTOR PS。 单独用呢，用markman（mac版收费，windows有破解版，虽然官网说基本版免费，你用了就会发现啥叫基本功能了）和PxCook都行。