Sketch2Code 是微软 AI Lab 于 2018 年推出的一个开源项目,其核心目标是将手绘草图(线框图)自动转换成 HTML 代码,从而帮助开发人员更轻松地从设计草图过渡到可运行的网页源代码。
用途方面,Sketch2Code 主要面向需要快速将手绘线框转化为 HTML 原型的场景。开发人员可以绘制线框草图,然后通过该工具导出对应的源代码,减少手动编写基础 HTML 结构的工作量。
主要能力上,Sketch2Code 使用人工智能和自动化技术从线框草图中识别并生成代码。它支持基本的网页视觉元素,包括标签、文本字段、文本段落、图像和按钮等。根据资料,2018 年发布时,该服务背后的模型已经用数百万张图像进行了训练,能够对各种类型的物体进行物体检测。基于检测结果,工具可以生成设计中不同元素的 HTML 代码片段,然后根据识别出的元素位置推断整体布局,并相应地生成最终的 HTML 代码。
使用方式上,用户需要绘制线框草图,然后将其输入 Sketch2Code 进行处理,最终导出为 HTML 源代码。具体操作步骤和界面细节在现有资料中暂未提供。
适用场景主要包括网页原型设计、快速将手绘设计转化为可编辑的 HTML 结构等。它适合需要快速验证设计布局或生成基础代码的开发人员和设计人员。
限制方面,现有资料未明确列出该工具的具体限制,但可以推断其识别能力主要针对基本的网页视觉元素,对于复杂或非标准元素的处理能力暂未提供。此外,在 GPT-4 的演示中曾出现将草图转换成网页的 Demo,很可能微软已将该技术与 OpenAI 合作并进行了迭代,最新训练的图像数据也可能远超 2018 年,但这一信息仅为推测,具体合作与迭代情况暂未提供。