款前端切图工具大比拼 谁是最强切图神器
随着专业切图工具的发展，切图工作从几年前的“刀耕火种”，进化到了如今的“一键到位”，设计师和前端工程师之间的“纷争”自然也逐渐消散。那么近年来崛起的多款前端切图工具中，又有哪些能称得上是真正的“切图神器”呢？我们一起来盘点一下。
摹客
前端工程师和设计师关于切图的纷争，往往是因为设计师无法根据前端工程师的需求完成切图，比如图片没有压缩或合并，命名不规范等，这样前端拿到切图仍然需要重新处理。有了摹客，这些问题都能迎刃而解。摹客支持对Figma，Adobe XD，Sketch和Photoshop的设计稿进行标注切图，可以一键切换下载web/Android/iOS不同倍率的切图，还可以自定义切图尺寸。切图压缩功能可以将切图的体积压缩50%以上，可以灵活满足前端工程师对于切图的各种需求。除了标注切图，摹客也为产品开发团队提供高保真设计、设计稿交付、全流程协作和设计规范管理等功能。虽然由于用户激增，摹客的服务器偶尔有点不太稳定，但仍然是一款值得推荐的好工具。
功能优势：
支持下载Figma，Adobe XD，Sketch和Photoshop设计稿的切图；
支持自由切换平台（iOS、Android、Web）和选择倍率；
支持将下载的切图体积压缩50%以上；
支持下载PNG/SVG/WebP/JPG切图；
支持同时下载多个页面的切图；
支持设置安卓切图文件夹名称；
支持自动换算不同平台尺寸。
推荐指数：★★★★★
Avocode
Avocode是本次介绍的五款工具中，唯一一款支持Adobe Illustrator设计稿标注切图的插件，除了Adobe Illustrator，Avocode也支持Figma、Adobe XD、Photoshop和Sketch设计稿的切图下载。如果没有设计工具，也可以直接将设计文件拖到网页端打开，查看和复用相关代码信息，下载切图等。不过Avocode的缺陷是访问速度较慢，需要科学上网。
功能特色：
支持在macOS，Windows和Linux上运行；
支持iOS/Android/web三种类型；
无需下载设计工具，可直接在浏览器中打开设计文件。
推荐指数：★★★★
Cutterman
Cutterman是前几年比较热门的一款切图插件，可以切换iOS、Android、web平台不同尺寸的切图，支持Photoshop和Sketch。插件的界面比较“傻瓜”，平台切换、尺寸设置、格式设置等都按钮直接铺设在首页，不用你记住一堆设置方式或操作规则，新手也可以快速上手。不过随着其它切图工具的兴起，Cutterman无论是支持的设计稿类型，还是切图相关功能，都有点跟不上发展的脚步。
功能特色：
支持输出png/jgp/tiff/svg/pdf/eps多种格式；
支持选中多个图层批量输出；
支持输出固定尺寸的ICON；
自动切换android和ios平台；
推荐指数：★★★
Easy Cut
前段时间许多公众号都在推荐一款插件，出于好奇，我便了解了一下这款号称是“PS最强切图神器”的插件——Easy Cut。这款插件最大的特色是可以自由绘制切割路径或添加引导线，并快速将图层准确地分割成一个或者多个图层。Easy Cut的功能相对来说比较单一，相比于其它可以切换iOS和Android平台的插件来说，适用场景较少。
功能特色：
支持剪切多种图层类型（像素图层，形状，文本，智能对象等）
支持将图层分成相等大小的部分
支持根据事件自动剪切（绘制单点路径等）
可在后台运行（在面板关闭时使用剪切功能）
切割结果可分为两层或更多层
支持保留图层样式和Shapeattributes
支持添加名称附录的选项（[1]，[2]）
可编辑的形状切割（关闭“合并路径组件”）
支持一键处理所有选定的图层
可与任何活动的标尺单位一起使用
切割前可以对智能对象进行栅格化的选项
推荐指数：★★★
zeplin
Zeplin和摹客一样，也是最近几年比较热门的一款设计协作工具，支持对Figma，Adobe XD，Sketch和Photoshop设计稿进行切图，可以一键下载不同平台不同倍率的切图。不只是切图，Zeplin同样也支持部分团队协作功能，适合中小型团队使用。除了境外服务器的体验速度有点小缺陷外，还是值得体验的。
功能特色：
支持下载Figma，Adobe XD，Sketch和Photoshop设计稿的切图；
支持自由切换平台（iOS、Android、Web）和选择倍率；
支持设置切图背景；
支持下载多个画板的切图；
支持下载PNG跟SVG两种格式。
推荐指数：★★★★
关于切图工具，不同的设计师或前端工程师也有着不同的使用习惯。上述五款工具，在功能和操作上各具特色，有了好的切图工具，前端工程师在自行下载切图的过程中，就可以更好地理解设计稿和设计师的意图，更好地还原设计稿，将效率最高化。
|款前端切图工具大比拼、谁是最强切图神器
figma 切图 前端 前端工程师 前端开发 款前端切图工具大比拼 谁是最强切图神器