草庐IT

画眉(京东科技设计稿转代码平台)介绍

前言随着金融App业务的不断发展,为了满足不同场景下的用户体验及丰富的业务诉求,业务产品层面最直接体现就是大量新功能的上线及老业务的升级,随之也给研发带来了巨大的压力,所以研发效率的提升就是当前亟需解决的问题,今天我们来看下“画眉”平台是如何帮助前端研发同学提效的。前端开发流程概述在讨论之前,我们先看下前端开发流程,下图是一个典型的场景:  通过上图我们可以发现,前端开发主要分为“UI还原”和“业务逻辑实现”两个阶段,其中UI还原阶段需要通过编写代码对设计稿进行1:1像素级还原,业务逻辑实现阶段主要包括数据绑定及交互效果实现。“UI还原”阶段,研发通常需要借助设计平台的“标注”功能,对设计稿中