pix2code:从UI截图直接生成代码的神经网络工具

当前端同学被UI设计折磨的时,当你崩溃着想让界面看起来与设计稿相同时,脑海中一定有过很多种将图片直接生成代码的幻想吧。是的!黑科技出现了!

最近一个名叫pix2code的项目,通过深度神经网络,可以从截图直接生成 UI 代码,牛不牛逼!

啥也不说了,先来看看视频内容:

视频链接

pix2code 是由UIzard的哥本哈根创业公司开发的,目前pix2code所生成代码的准确率已经达到77%,并且能够兼容安卓、iOS以及Web界面三种平台。随着数据的增多,准确率也会越来越高。

UIzard的创始人Tony Beltramelli表示:“以这种方式使用的深度学习可能会终止手动编程用户界面(GUI)的需要。它能够让开发人员足够专注于他们正在构建的实际功能,而不是摆弄几个小时的用户界面。”这听起来简直太棒了!

Pix2Code中的神经网络是一种卷积神经网络,并且随着大量的软件被取代,它可以允许一些人在新的领域更好的进行工作。

Beltramelli说:“在未来,还要对pix2code进行进一步的完善。因为GANs已经证明了自己在生成序列和图像时的优势,但因为还处于初步的阶段,所以对神经网络的开发运用仍然需要花费大量的时间。

paper地址:

https://arxiv.org/abs/1705.07962

GitHub地址:

https://github.com/tonybeltramelli/pix2code

但是呢?作为前端的开发者,也不用太担心会失业啦~~

AI并不会那么快就把前端工程师替代。即使pix2code版本已成熟,好的前端仍然需要逻辑和互动动画,以及用户喜欢的一些东西。

pix2code的真正目的是解决UI/UX设计师与前端开发者之间的难题,并不是真正去代替他们。它可以让设计者更好地创作,并且让开发人员有更多的时间用在那些核心功能上。

相信未来AI能更好的运用在我们工作中,并不是代替人类。

猜你喜欢

转载自blog.csdn.net/x32sky/article/details/77932725