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年。