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上有逗逼网友如此评论:

还有捧哏的:


原文发布于微信公众号 - IT派(it_pai)

原文发表时间:2017-05-28

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Timhbw博客

画流程图神器:亿图图示专家

2016-03-1614:45:54 发表评论 676℃热度 学生党文档比较多,一到学期末,各种实训报告,论文等等,里面经常要画流程图,UML图,以前用off...

390100
来自专栏数据小魔方

think-cell chart系列16——树状分布图

今天跟大家分享think-cell chart系列的第16篇——树状分布图。 大家不要困惑于该图表的名称——树状分布图,其实它用的技巧非常简单(就是基本图表的组...

54640
来自专栏天天P图攻城狮

终端图像处理实践:AR全景动态贴纸方案简介

全景动态贴纸主要包含三部分技术要点,本文将进行详细阐述。

67750
来自专栏机器人网

机器人控制的基本方法

机器人的控制方法,根据控制量、控制算法的不同分为多种类型。下面分别针对不同的类型,介绍常用的机器人控制方法。 一、根据控制量分类 按照控制量所处空间的不同,...

42540
来自专栏思影科技

结构脑网络的模块性分离,支持青年时期大脑功能执行的提升

宾夕法尼亚大学精神病学系的Satterthwaite等人在Current Biology期刊上发表了一项研究,用来解释青年时期的执行功能活动和大脑结构网络的成熟...

39270
来自专栏机器之心

要玩转这个星际争霸II开源AI,你只需要i5+GTX1050

Reaver 是一个模块化的深度强化学习框架,可提供比大多数开源解决方案更快的单机并行化能力,支持星际争霸 2、OpenAI Gym、Atari、MuJoCo ...

10010
来自专栏华章科技

数据挖掘:手把手教你做文本挖掘

文本挖掘指的是从文本数据中获取有价值的信息和知识,它是数据挖掘中的一种方法。文本挖掘中最重要最基本的应用是实现文本的分类和聚类,前者是有监督的挖掘算法,后者是无...

7320
来自专栏AI研习社

PyTorch 到底好用在哪里?

提问内容如下: 之前非常熟悉 Tensorflow,后来都说 PyTorch 简单易上手,自己就去试了试。 PyTorch 连最基本的 maximum, min...

1K40
来自专栏IT派

50种机器学习和预测应用的API,你想要的全都有

API 是一套用于构建软件程序的协议和工具。对于应用开发者而言,有了开放的 API,就可以直接调用其他公司做好的功能为我所用,这在很大程度上提升了工作效率。

15620
来自专栏企鹅号快讯

三年后,人工智能将彻底改变前端开发?

关键时刻,第一时间送达! 近几天,因为阮一峰老师的一条微博,我们看到了这样一个项目:https://weibo.com/1400854834/FE1Tz8TIB...

29360

扫码关注云+社区

领取腾讯云代金券