微软开源 Sketch2Code，UI 草图转成 HTML 代码

（点击上方公众号，可快速关注）

#原创整理：前端大全（id: FrontDev）

微软 AI 实验室最近开源了一个新的 AI 辅助工具 Sketch2Code。正如其名，Sketch2Code 可以把 UI 草图转换成 HTML 代码。

Demo 如下

处理流程

• 用户通过网站上传草图。

• 定制的视觉模型预测图像中的 HTML 元素及其位置。

• 「手写文本识别服务」读取预测元素中的文本。

• 「布局算法」使用来自预测元素的所有边界框的空间信息，来生成容纳所有元素的网格结构。

• 「HTML生成引擎」使用所有这些信息生成反映结果的 HTML 标记代码。

GitHub repo 链接：

https://github.com/Microsoft/ailab/tree/master/Sketch2Code

网友评论

@王晓磊_HelloWorld：前段这是要失业了

@唐僧肉生产厂厂长：切图仔瑟瑟发抖

@兔十二菌：以后ui设计师也不需要了 都是套路 怎么更优化程序自己玩

@Miss_zhappy：产品经理直接画草图就OK了？

@罗俊全球后援会：算了吧，当年dw出来，拖拽拖拽生成页面，也好多人说前端要失业了

@AndersonLMB：感觉对前端来说也是好事吧，可以减少在写页面的工作量，让前端可以专注于交互逻辑的编码。

【关于投稿】

如果大家有原创好文投稿，请直接给公号发送留言。

① 留言格式：
【投稿】+《 文章标题》+ 文章链接

② 示例：
【投稿】《不要自称是程序员，我十多年的 IT 职场总结》：http://blog.jobbole.com/94148/

③ 最后请附上您的个人简介哈~

觉得本文对你有帮助？请分享给更多人

关注「前端大全」，提升前端技能