是什么？
是一个基于 Web 的解决方案，使用 AI 将手绘的用户界面草图转换为可用的 HTML 代码 。由微软和 Kabel、Spike合作开发 。
项目地址：
下图演示了利用将手绘草图转换成代码的操作过程 。在微软官方网站上可以做更多尝试：
是如何工作的？
让我们来看看使用将手绘草图转换成 HTML 代码的过程：
用户将图片上传到网站上 。
自定义视觉模型预测在图像中出现的 HTML 元素，并将它们的位置标出来 。
手写文本识别服务读取预测元素中的文本 。
布局算法根据预测元素的边框空间信息生成网格结构 。
HTML 生成引擎使用上述信息来生成 HTML 代码 。
【草图 UI 转 HTML 代码，微软开源Sketch2Code】工作流程如下所示：
的架构设计

文章插图
使用了以下组件：
微软自定义视觉模型（ ）：这个模型是基于不同的手绘稿的图象训练得出的，并标记了与常见 HTML 元素（如文本框、按钮、图像等）相关的信息 。
微软计算机视觉服务：用于识别设计元素中的文本 。
Azure Blob ：保存与 HTML 生成过程的每个步骤相关的信息，包括原始图像、预测结果、布局和分组信息等 。
Azure ：它作为后端入口点，通过与其他服务发生交互来协调生成过程 。
Azure ：用户界面前端，用户可以在这里上载设计图，并查看生成的 HTML 。
以上组件通过如下架构组合在一起:

• 10105757怎么转不了人工
• 五 Vue 原理解析之 虚拟Dom 到真实Dom的转换过程
• 二 数字冰雹 可视化html,数字冰雹数据可视化系列产品：网络态势可视化
• 达人合作加持品牌布局，3.8女神玩转流量策略！
• 如何把m4v转换成mp4？
• pyecharts加载不出html图片，已解决
• 唐肃宗李亨的人生有何转折点？唐肃宗李亨简介
• Python工具开发：PDF转Word、Word转PDF、PDF转图片、Exce
• 利用freemark进行pdf的转换
• b站转码失败是什么意思