微软神器Sketch2Code–UI 草图变 HTML 代码

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

看效果

处理流程

  • 用户通过网站上传草图。
  • 定制的视觉模型预测图像中的 HTML 元素及其位置。
  • 「手写文本识别服务」读取预测元素中的文本。
  • 「布局算法」使用来自预测元素的所有边界框的空间信息,来生成容纳所有元素的网格结构。
  • 「HTML生成引擎」使用所有这些信息生成反映结果的 HTML 标记代码。

 

GitHub地址

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


发表评论

电子邮件地址不会被公开。 必填项已用*标注