推荐一款高效率前端开发神器,功能太强大了

2022-12-08 0 433

当后端接到两张结构设计稿的这时候,她们须要考量十分多的难题。

而第二个诚然的难题是 – 切图。做为相连结构雕塑家和后端的关键“联结”,假如切图不精确,很难引致最后的商品呈现出与结构设计稿大不相同。

推荐一款高效率前端开发神器,功能太强大了

接踵而至的第二个难题是 –结构设计还原成。网页还原成度的多寡,间接下定决心从商品市场需求到结构设计同时实现的某种程度与否被精确有效率的抒发。

推荐一款高效率前端开发神器,功能太强大了

假如你已经开始历经以内那些难题,所以请跟我一同竭尽全力往上看。

看一看我是怎样透过摹客此款辅助工具化解那些难题的!

一、挥别现代切图,式样标识符全屏拷贝

从前,为的是交货结构设计稿,结构雕塑家须要依照相同电子设备求出相同重新命名形式、相同文件格式的相片,而后端则须要在网页中加速找出切图,接着浏览那些相同重新命名形式、相同电子设备的相片,十分繁杂!

推荐一款高效率前端开发神器,功能太强大了

现在,摹客的切图机能预设了iOS、 Android电子设备的尺寸、倍率、前后缀、文件格式等参数。无需结构雕塑家单独制作相同参数类型的切图,打包交货给后端了。

推荐一款高效率前端开发神器,功能太强大了

使用摹客切图也很简单,只须要将结构设计稿(Ps/Xd/Figma都可以)上传至摹客,后端就可以依照须要自主浏览相同平台尺寸、相同倍率、相同文件格式的相片。

推荐一款高效率前端开发神器,功能太强大了

甚至你还可以全屏拷贝对应图层式样标识符,提升开发效率。

为的是提升效率,摹客还提供批量求出切图机能,选中多个网页点击鼠标右键,即可全屏浏览多个网页的切图。

推荐一款高效率前端开发神器,功能太强大了

摹客这种交货结构设计稿的形式真的是救了很多后端的老命。曾经挨个切图→打包素材→打回改稿→……→挨个切图→打包素材→打回改稿的形式,终于可以挥别了。

二、最全面的标注方案,省时又省力

针对市面上常见的协作平台来说,摹客的提供的机能是最全面的,国内头部互联网企业的使用率更是超过90%,所以跟着大厂走,绝对错不了!

推荐一款高效率前端开发神器,功能太强大了

刚才我们化解了切图的难题,那接下来是结构设计还原成了。对于这一点,摹客主要透过自动标注手动标注两种形式来搭配完成。

1、自动标注

摹客的自动标注能够自动识别结构设计稿中的切图,这样后端在进行网页布局的这时候,只需把鼠标移动过去,就可以自动显示该模块的长宽、边距等内容。

推荐一款高效率前端开发神器,功能太强大了

同样,在进行多模块布局的这时候,也只须要同时选中多个图层,就可以同时生成选中各图层间的间距,体验感绝对一流!

2、手动标注

除自动标注外,摹客还支持文字标注、坐标标注、尺寸标注、区域标注、颜色标注等手动标注形式。对于一些无法呈现出的机能描述、交互方案,就可以使用文字标注来进行描述,避免后端理解存在偏差。

推荐一款高效率前端开发神器,功能太强大了

并且它所有的标注形式操作都很简单,仅须要点击、拖拽、编辑,就能同时实现我们所须要的标注说明。

推荐一款高效率前端开发神器,功能太强大了

除此之外,摹客还有一个很好用的机能,是“举个例子”。当结构雕塑家希望网页可以有比较复杂的动效,或者想要加入视频,就可以选择引用来进行标注。你可以链接到具体的网页、文档、或者附件,对于我们的结构设计还原成都有十分好的帮助。

推荐一款高效率前端开发神器,功能太强大了

以内那些,都是我使用频率比较高的机能。而它所拥有的“绝技”的机能却远远不止那些:像百分比标注或者放大镜,可能平时不会用到,一旦用了,就会极大的提高我们工作的幸福感!

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务