很赞的切图、标注工具合辑分享

2019独角兽企业重金招聘Python工程师标准>>>

前端必备ps技巧：https://www.cnblogs.com/moqing/p/6706525.html

详细的ps切图方法：https://juejin.im/post/58e9deacb123db1ad05fab2f

自动化切图工具：

Slicy

网址：http://macrabbit.com/slicy/

介绍：是个收费的切图软件，功能很强大，操作却很简单。你只需要把要切的图层命名为 *.png 或者 *.jpg 之类的格式。保存，再把整个psd拉进 Slicy,搞定！

Retinize It

网址：http://retinize.it/

介绍：切图是个重复性动作，Photoshop允许我们录制自己的动作，然后应用在每次操作上。这个软件已经帮你搞定了，下载安装。导出的时候选中图层，点击播放按钮，自动帮你产出图片。

Cutterman

网址：http://www.cutterman.cn/zh

介绍：国产的切图工具，广告语就叫“最好用的切图工具”。

• 支持多倍图
• 多种格式
• 多图层导出
• 可以设置固定大小
• 操作简单
• 免费，只需要注册个账号即可

强大的标注工具：

标你妹

网址：http://www.biaonimeia.com/

介绍：免费！登录成功之后，新建一个项目上传PSD，然后就可以进行标注。

使用体会：这个真的很棒！微信扫码登录后，新建项目，传入psd文件移入鼠标即可，很方便！

蓝湖Mac端App

网址：https://www.lanhuapp.com/

介绍：免费！只需下载“蓝湖”Mac端App，即可实现：从Sketch一键导出设计图→自动生成标注→自动共享给团队→团队相关成员自动收到提醒等一系列自动化功能。“自动标注”功能可以完整而清晰地将Sketch设计图中每个元素的尺寸、位置、颜色、间距、字号 等样式信息自动同步到蓝湖，团队内的工程师等同事可以随时查看。

使用教程：https://jingyan.baidu.com/article/48b37f8ddd00b81a6564887d.html

Sketch/PS + Zeplin

网址：https://www.zeplin.io/

介绍：免费！登录成功之后，新建一个项目上传素材，然后就可以进行操作。

Sketch Measure

网址：http://utom.design/measure/

介绍：免费！登录成功之后，新建一个项目上传PSD，然后就可以进行标注。

使用教程：http://www.sketchs.cn/plugins/detail/263.html

转载于:https://my.oschina.net/GracefulTing/blog/1798490