在绝大部分互联网公司,页面效果图一般都经前端工程师(或有前端能力的后端等同学)之手变为可以访问的HTML代码。可能前端工程师还分初、中、高级以应对不同难度的效果,而且一般公司里大多都是初级前端工程师。
但是一家位于丹麦首都哥本哈根的创业公司开发出了一个名为“pix2code”的系统。这个系统能够根据效果图直接输出对应的前端HTML/CSS代码。目前pix2code所生成代码的准确率已经达到77%,且这些代码能够兼容安卓、iOS以及Web三种平台。
当然,这些都是通过机器深度学习完成的。学习过程类似阿尔法狗学围棋,当然没有那么NB就是了。
具体过程,一图以蔽之(中间停的几秒是在生成页面,请稍等)
阿尔法狗虽然战胜了柯洁,但那也是机器在经过多年的机器学习以及分析N多围棋图谱之后才有的结果。虽然Pix2code没有阿尔法狗那么高深的算法、没有那么强大的技术团队做后盾,但是现在正是人工智能发展最好的时代,Pix2code一定能走的更远。
现在有越来越多的培训班开设了web前端的培训课程,也有越来越多的初级前端工程师涌入互联网公司之中,但是在Pix2code出现之后,只会拆分页面的初级前端工程师的日子将不会那么好过。虽然机器拆图会有一些错误,但是机器的效率绝对可以秒杀我们大家。如果你只会简单的拆图,公司还会养你吗?抓紧学习吧。
不过中高级以上的前端不用那么担心,毕竟好的前端仍然需要逻辑、互动、高级的图形和动画等技能。这些都不是现在的机器人能替代的。
多希望这个产品可以马上诞生啊。
可惜这个项目暂时还没有对外开放,预计今年9月这家创业公司将会提供包含在数据集中的GUI截图、相关的DSL代码以及针对iOS、安卓和Web界面的三种目标代码。
我们做这个东西的目的是填平UI/UX设计师与前端开发者之间的鸿沟,而不是去代替他们。我们希望能让设计者更好地创作,同时让开发人员将自己的时间更多地花费在那些核心功能上。
我们相信未来AI将与人类协作,而不是代替人类。