关注imgcook官网扫码加入imgcook钉钉答疑群体验一键智能生成代码关注imgcook掘金专栏关注imgcook知乎专栏imgcook设计稿智能生成代码为你带来前端智能化前沿资讯关注AlibabaF2E访问开发者社区了解阿里巴巴前端新动态扫码领取更多免费电子书序言篇4智能插件篇20图像分离篇30组件识别篇51表单表格专项识别篇59业务模块识别篇65布局算法篇78语义化篇91字段绑定篇102业务逻辑智能生成篇118目录序言篇作为今年阿里经济体前端委员会的四大技术方向之一,前端智能化方向一被提及,就不免有人好奇:前端结合AI能做些什么,怎么做,未来会不会对前端产生很大的冲击等等。本篇文章将围绕这些问题,以「设计稿自动生成代码」场景为例,从背景分析、竞品分析、问题拆解、技术方案等几个角度切入,细述相关思考及过程实践。背景分析业界机器学习之势如火如荼,「AI是未来的共识」频频出现在各大媒体上。李开复老师也在《AI·未来》指出,将近50%的人类工作将在15年内被人工智能所取代,尤其是简单的、重复性的工作。并且,白领比蓝领的工作更容易被取代;因为蓝领的工作可能还需要机器人和软硬件相关技术都突破才能被取代,而白领工作一般只需要软件技术突破就可以被取代。那我们前端这个“白领”工作会不会被取代,什么时候能被取代多少?回看2010年,软件几乎吞噬了所有行业,带来近几年软件行业的繁荣;而到了2019年,软件开发行业本身却又在被AI所吞噬。你看:DBA领域出现了Question-to-SQL,针对某个领域只要问问题就可以生成SQL语句;基于机器学习的源码分析工具TabNine可以辅助代码生成;设计师行业也出了P5Banner智能设计师“鹿班”,测试领域的智能化结合也精彩纷呈。那前端领域呢?那就不得不提一序言篇<5个我们再熟悉不过的场景了,它就是设计稿自动生成代码(Design2Code,以下简称D2C),阿里经济体前端委员会-前端智能化方向当前阶段就是聚焦在如何让AI助力前端这个职能角色提效升级,杜绝简单重复性工作,让前端工程师专注更有挑战性的工作内容!竞品分析2017年,一篇关于图像转代码的Pix2Code论文掀起了业内激烈讨论的波澜,讲述如何从设计原型直接生成源代码。随后社区也不断涌现出基于此思想的类似Screenshot2Code的作品,2018年微软AILab开源了草图转代码工具Sketch2Code,同年年底,设计稿智能生成前端代码的新秀Yotako也初露锋芒,机器学习首次以不可小觑的姿态正式进入了前端开发者的视野。识别目标控件数结果现状本质能力Pix2CodeBootstr...