5款前端切图工具大比拼谁是最强切图神器

北京市中科医院 https://m.yyk.99.com.cn/fengtai/68389/dianping-2.html

前端切图是前端工程师们还原设计稿的过程中必不可缺的一环。不过,切图工作究竟谁来做?这个问题我们在各大论坛也屡见不鲜:前端工程师认为设计师出了设计稿,那么相应的切图也应该一并交付;设计师则认为前端工程师给的要求太多太杂,不如他们自己动手来得专业。

不过随着专业切图工具的发展,切图工作从几年前的“刀耕火种”,进化到了如今的“一键到位”,设计师和前端工程师之间的“纷争”自然也逐渐消散。那么近年来崛起的多款前端切图工具中,又有哪些能称得上是真正的“切图神器”呢?我们一起来盘点一下。

摹客

摹客支持对Figma,AdobeXD,Sketch和Photoshop的设计稿进行标注切图,可以一键切换下载web/Android/iOS不同倍率的切图,还可以自定义切图尺寸。切图压缩功能可以将切图的体积压缩50%以上,可以灵活满足前端工程师对于切图的各种需求。除了标注切图,摹客也为产品开发团队提供高保真设计、设计稿交付、全流程协作和设计规范管理等功能。

功能优势:

支持下载Figma,AdobeXD,Sketch和Photoshop设计稿的切图;支持自由切换平台(iOS、Android、Web)和选择倍率;支持将下载的切图体积压缩50%以上;支持下载PNG/SVG/WebP/JPG切图;支持同时下载多个页面的切图;支持设置安卓切图文件夹名称;支持自动换算不同平台尺寸。

推荐指数:★★★★★

Avocode

Avocode是本次介绍的五款工具中,唯一一款支持AdobeIllustrator设计稿标注切图的插件,除了AdobeIllustrator,Avocode也支持Figma、AdobeXD、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平台;

推荐指数:★★★

EasyCut

前段时间许多


转载请注明:http://www.aierlanlan.com/cyrz/4893.html