字节跳动是如何让开发高质量还原设计稿的?
Copixel是字节跳动的一款走查验收浏览器插件,通过在网页上放置设计稿图片检查设计稿与开发结果是否完全重叠来判断开发的还原精度,精确到像素实现高质量的项目还原效果。
Copixel目前仅支持Chrome浏览器,根据网页上的资料后期还会支持Firefox、Safari、Opera等浏览器,官方网址为https://copixel.bytedance.com/,通过Chrome网上应用商店https://chrome.google.com/webstore/detail/copixel/iljifliapaimkofafkddpgkfkmnocajf 可直接安装。
安装完成之后打开要验收的网页,打开插件选择设计稿图片导入,支持单张或批量导入多张设计稿图片,导入之后图片会叠加在网页上方,通过插件可以调整叠加图层的大小、位置、不透明度。
设置好之后,检查设计稿与网页的重合度,未完全重合即表示开发完成度有问题,可以直接截图与开发沟通让开发进行修改。
该工具目前已经在字节跳动的众多平台使用,让设计稿高精度还原So Easy,也能让你跟开发的关系更友好哦,毕竟都是为了工作。