作者:微软 ML 博客团队 译者:无明 来源:AI前线(ID:ai-front) 01 Sketch2Code 是什么? Sketch2Code 是一个基于 Web 的解决方案,使用 AI 将手绘的用户界面草图转换为可用的 HTML 代码。Sketch2Code 由微软和 Kabel、Spike Techniques 合作开发。读者可以在 GitHub 上找到与 Sketch2Code 相关的代码、解决方案开发过程和其他详细信息。 Sketch2Code 项目地址: https://github.com/Microsoft/ailab/tree/master/Sketch2Code 下图演示了利用 Sketch2Code 将手绘草图转换成代码的操作过程。在微软官方网站上可以做更多尝试: https://sketch2code./ 02 Sketch2Code 是如何工作的? 让我们来看看使用 Sketch2Code 将手绘草图转换成 HTML 代码的过程:
工作流程如下所示: 03 Sketch2Code 的架构设计 Sketch2Code 使用了以下组件:
以上组件通过如下架构组合在一起: 是不是感觉跃跃欲试? 你可以在这里找到 Sketch2Code 的开源代码: https://github.com/Microsoft/ailab/tree/master/Sketch2Code 也可以在这里对 Sketch2Code 的实际效果进行验证: https://sketch2code./ 参考链接: https://blogs.technet.microsoft.com/machinelearning/2018/08/30/turn-whiteboard-ux-sketches-into-working-html-in-seconds-introducing-sketch2code/ http://www./microsoft/1009840/microsofts-ai-sketch2code-builds-websites |
|