本文介绍了一个免费的网络应用程序,可以免费将手绘设计转换为 HTML 代码。创建网页设计并不容易。首先,您必须创建或绘制原型设计,然后必须对其进行编码以制作有效的 HTML 线框图。编码部分需要大量时间,并且可能需要多次修改。但是,如果您可以跳过编码部分并直接将手绘设计转换为 HTML 代码呢?技术可用于自动化设计编码,而 Microsoft 刚刚通过他们的实验性 AI 项目做到了这一点。Sketch2Code 是一个网络应用程序,您可以在其中上传手绘设计图像并转换为 HTML 代码。此应用使用自定义计算机视觉模型来识别对象和模式,进行预测以检测有意义的设计元素,并生成 HTML 片段。该工具完全免费使用,允许您一次转换一张设计图像。另请阅读:?无需编码即可将 Figma Design 变成 Android、iOS 应用程序免费将手绘设计转换为 HTML 代码Sketch2Code 由 Microsoft 的 Azure 云平台和 Azure 云 AI Web 服务提供支持。它使用自定义视觉 API 和计算机视觉 API 进行对象检测、OCR 和手写检测。要使用此应用程序,只需访问登录页面并在那里上传您的设计图像。如果您在带有相机的设备上访问该应用程序,您也可以直接拍摄您的设计照片。这个“拍照”功能可以方便地将白板设计快速转换为 HTML 代码。当您通过任何方法上传图像时,需要几秒钟来处理识别手绘设计并做出预测。然后,它会向您显示设计的 HTML 片段与原始图像并排的预览。从此预览屏幕中,您可以下载生成的设计 HTML 代码。您将获得一个包含设计片段的 HTML 文件。您可以在 Web 浏览器中打开该文件以查看结果。除了下载按钮之外,您还会看到另一个按钮,用于显示预测对象详细信息。此按钮将带您进入一个新页面,您可以在其中了解此应用程序的工作原理。它通过突出显示基于 AI 的对象检测和预测,向您展示了手绘设计到 HTML 代码的转换概述。?Sketch2Code 是一款不错的应用程序,具有彻底改变我们创建网页设计方式的巨大潜力。结果出奇的好,尽管这也取决于设计。这个应用程序的用例目前非常有限,您可以将其与基本设计和页面元素一起使用。无论如何,在白板上绘图,然后看到生成的代码来立即测试他们的新网页想法是非常棒的。





.jpg)
.jpg)



.jpg)