Pix2code一个直接生成代码的神经网络工具

相信前端同学在被频繁变化的UI设计折磨的时候，当你揪着头发不停微调想让界面看起来与设计图一致的时候，你们一定有过直接从图片生成代码的美好设想。现在，这样的黑科技终于出现了！

一个名叫pix2code的项目，就是通过经训练的深度神经网络，从截图直接生成 UI 代码。

啥也不说了，先放demo。demo 里展示了 iOS 和 Web 两种UI截图，对应生成 了 Storyboard 和 HTML：

pix2code 是由一家名为UIzard的哥本哈根创业公司开发的，神经网络现在可以保证约77％的代码正确，但随着数据的增多，准确率应该越来越高。

UIzard的开发者和创始人Tony Beltramelli在研究论文中写道：“我们推断，以这种方式使用的深度学习最终可能会终止手动编程[图形用户界面（GUI）的需要。”

可以说，随着大量的软件被取代，这一创新至少可以允许一些人在更酷的领域进行工作。在研究论文中，Beltramelli表示，它解放了开发人员，使能够专注于他们正在构建的实际功能，而不是摆弄几个小时的用户界面。

Pix2Code中的神经网络是一种卷积神经网络，一种能够同时以许多不同尺度观看图像的网络。这允许网络通过检查用户界面和底层代码来学习，从而查看每行代码对设计的每个元素的影响。

为了促进未来的研究，Pix2Code的数据集和代码将在今年晚些时候开源。Beltramelli表示，系统会在抓取网页以建立一个截图和HTML / CSS代码的数据库方面，越来越准确。 一旦实现的话，不久后，你就可以绘制你的网站，并让神经网络直接生成它。

不过，Demo中并没有展示生成之后的code是什么样，也许是还不够完善。因此reddit上有逗逼网友如此评论：

还有捧哏的：