前端切图是前端工程师们还原设计稿的过程中必不可缺的一环。不过，切图工作究竟谁来做？这个问题我们在各大论坛也屡见不鲜：前端工程师认为设计师出了设计稿，那么相应的切图也应该一并交付；设计师则认为前端工程师给的要求太多太杂，不如他们自己动手来得专业。不过随着专业切图工具的发展，切图工作从几年前的“刀耕火种”，进化到了如今的“一键到位”，设计师和前端工程师之间的“纷争”自然也逐渐消散。那么近年来崛起的多款前端切图工具中，又有哪些能称得上是真正的“切图神器”呢？我们一起来盘点一下。摹客摹客支持对Figma，AdobeXD，Sketch和Photoshop的设计稿进行标注切图，可以一键切换下载web/Android/iOS不同倍率的切图，还可以自定义切图尺寸。切图压缩功能可以将切图的体积压缩50%以上，可以灵活满足前端工程师对于切图的各种需求。除了标注切图，摹客也为产品开发团队提供高保真设计、设计稿交付、全流程协作和设计规范管理等功能。功能优势：支持下载Figma，AdobeXD，Sketch和Photoshop设计稿的切图；支持自由切换平台（iOS、Android、Web）和选择倍率；支持将下载的切图体积压缩50%以上；支持下载PNG/SVG/WebP/JPG切图；支持同时下载多个页面的切图；支持设置安卓切图文件夹名称；支持自动换算不同平台尺寸。推荐指数：★★★★★AvocodeAvocode是本次介绍的五款工具中，唯一一款支持AdobeIllustrator设计稿标注切图的插件，除了AdobeIllustrator，Avocode也支持Figma、AdobeXD、Photoshop和Sketch设计稿的切图下载。如果没有设计工具，也可以直接将设计文件拖到网页端打开，查看和复用相关代码信息，下载切图等。不过Avocode的缺陷是访问速度较慢，需要科学上网。功能特色：支持在macOS，Windows和Linux上运行；支持iOS/Android/web三种类型；无需下载设计工具，可直接在浏览器中打开设计文件。推荐指数：★★★★CuttermanCutterman是前几年比较热门的一款切图插件，可以切换iOS、Android、web平台不同尺寸的切图，支持Photoshop和Sketch。插件的界面比较“傻瓜”，平台切换、尺寸设置、格式设置等都按钮直接铺设在首页，不用你记住一堆设置方式或操作规则，新手也可以快速上手。不过随着其它切图工具的兴起，Cutterman无论是支持的设计稿类型，还是切图相关功能，都有点跟不上发展的脚步。功能特色：支持输出png/jgp/tiff/svg/pdf/eps多种格式；支持选中多个图层批量输出；支持输出固定尺寸的ICON；自动切换android和ios平台；推荐指数：★★★EasyCut前段时间许多
转载请注明：http://www.aierlanlan.com/cyrz/6854.html
