Sketch2Code

Sketch2Code由微软AI Lab于2018年推出，Sketch2Code 是一个由微软和 KABEL、Spike Techniques 合作开发的人工智能工具，可以将手绘的用户界面草图转换为可用的 HTML 代码。旨在帮助开发人员轻松地将手绘草图转化成HTML代码的开源项目。

使用Sketch2Code，开发人员可以绘制线框草图并将其导出为源代码。

Sketch2Code使用人工智能和自动化从线框草图中开发代码，支持基本的网页视觉元素，包括标签、文本字段、文本段落、图像和按钮等。 2018年发布时，该项服务背后的模型已经用数百万张图像进行了训练，可以对各种类型的物体进行物体检测。

Sketch2Code 使用了人工智能技术来识别草图中的对象和文本，并根据这些信息生成 HTML 代码。它还可以根据用户的输入生成自定义的 HTML 代码，例如添加样式和动画。

Sketch2Code 适用于以下用户：

• 希望快速创建 HTML 代码的用户
• 希望学习 HTML 代码的用户
• 希望将手绘草图转换为 HTML 代码的用户

Sketch2Code 的优势在于：

• 可以帮助用户快速创建 HTML 代码。
• 可以帮助用户学习 HTML 代码。
• 可以将手绘草图转换为 HTML 代码。

有了这些信息，该工具可以生成设计中不同元素的HTML代码片段，然后可以根据识别的元素的位置推断设计的布局，并相应地生成最终的HTML代码。

在GPT-4的演示中，有一段将草图转换成网页的Demo演示，微软将该技术与OpenAI合作并进行了迭代，而最新训练的图像数据也可能早于2018年。

官方网址：www.microsoft.com/en-us/ai/ai-lab-sketch2code       

前往官网