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能更好的运用在我们工作中，并不是代替人类。