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

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

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

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

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

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

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

原文来自：

本文地址：//q13zd.cn/pix2code.html编辑员：郭建鹏，审核员：逄增宝

本文原创地址：//q13zd.cn/pix2code.html编辑：roc_guo，审核员：暂无