激活码限时领取
企业版激活码,随时可能失效,速领
(戳此处,速领)https://www.mockplus.cn/get-idoc?hmsr=qd-itmind
激活码:mockcc
前端利器-摹客
免费效率神器,效率提升300%!
1.切图下载自给自足
摹客支持Sketch、PS、Adobe XD、Figma等当下所有主流设计工具的自动切图。
对前端而言,当设计师将设计稿上传至摹客后,我们就可以根据不同需求,自主切换平台(iOS/Android/Web)、选择倍率、下载不同格式(PNG/WebP/SVG/JPG)的切图。
在下载切图前,前端还可以将切图快速压缩,根据需求,选择压缩的质量:“高画质”、“推荐画质”、“低画质”,从而实现无损压缩。
除此以外,在开发中,时常需要将某些大小不一的图标切成统一的规格尺寸,如若临时找UI切图,十分耽误工作进度。
而在摹客中,前端可以自定义尺寸,并且不同的分辨率也会根据输入的宽高实现自动关联。
2.样式代码同步获取
设计规范不仅是产品设计的灵魂,更是程序员能够实现代码还原的重要途径之一。
当设计师建立了设计系统后,程序员可以对常用的颜色、文字、组件等属性定义对应的CSS变量名。
定义完后,再将设计稿与设计规范关联好,对应的组件代码就会显示在设计稿的右侧属性面板中。
在查看标注切图的同时,你还能看到相关代码,系统自动帮你生成Objective-C或是Swift代码,你一键复制即可,省时省力!
假如你需要对各组件的CSS代码备份,你也可以一键下载相关代码。
企业版激活码,随时可能失效,速领
(戳此处,速领)https://www.mockplus.cn/get-idoc?hmsr=qd-itmind
激活码:mockcc