自动生成前端原型：Sketch2Code 我们知道，在做前端开发时，是先由产品人员确定好需求，再借助产品原型工具来实现产品GUI界面的设计，前端拿到原型再去开展具体的前端编码工作。...关于Sketch2Code 进一步来了解一下Sketch2Code， 它是一个前端智能AI-识别草图生成代码且基于 Web 的解决方案，使用 AI 将手绘的用户界面草图转换为可用的 HTML 代码。...Sketch2Code 由微软和 Kabel、Spike Techniques 合作开发。...Sketch2Code: 核心是有一套微软自定义视觉模型（Custom Vision）：这个模型是基于不同的手绘稿的图象训练得出的，并标记了与常见 HTML 元素（如文本框、按钮、图像等）相关的信息。...Sketch2Code 项目地址： https://github.com/Microsoft/ailab/tree/master/Sketch2Code 实际效果验证： https://sketch2code.azurewebsites.net
Sketch2Code 是什么？ Sketch2Code 是一个基于 Web 的解决方案，使用 AI 将手绘的用户界面草图转换为可用的 HTML 代码。...Sketch2Code 由微软和 Kabel、Spike Techniques 合作开发。读者可以在 GitHub 上找到与 Sketch2Code 相关的代码、解决方案开发过程和其他详细信息。...Sketch2Code 项目地址：https://github.com/Microsoft/ailab/tree/master/Sketch2Code 下图演示了利用 Sketch2Code 将手绘草图转换成代码的操作过程...image Sketch2Code 是如何工作的？ 让我们来看看使用 Sketch2Code 将手绘草图转换成 HTML 代码的过程： 用户将图片上传到网站上。...你可以在这里找到 Sketch2Code 的开源代码： https://github.com/Microsoft/ailab/tree/master/Sketch2Code 也可以在这里对 Sketch2Code
微软车库应用 Sketch2Code 简介 今年 1 月，Microsoft Garage 宣布了名为“Sketch2Code”的全新项目，主要是帮助开发者能更快地从原型迁移至真正的项目开放中。...使用 Sketch2Code，借助人工智能和自动化解决方案让开发人员可以绘制草图后将其导出为源代码。目前 Sketch2Code仅支持标签、文本字段、文本段落、图像和按钮等基本的可视元素。...（via.cnBeta） 项目地址： https://github.com/Microsoft/ailab/tree/master/Sketch2Code
Sketch2Code Microsoft 的 Sketch2Code 可以将您的手绘设计转换为 HTML 原型。 这是一个解决手工绘制线框或应用程序设计一个 HTML 代码的耗时过程。...Sketch2Code 使用人工智能来检测设计模式，破译书面文本，并理解结构。 您可以使用自己的设计来上传或选择图片库中的图像。
微软Sketch2Code 今年夏天，微软就开源了一个名为Sketch2Code的项目，可以把用户上传的界面手绘图转化为HTML页面。 ? 大致的步骤是这样的： · 用户把自己画的手绘草稿拍照上传。...传送门 teleportHQ https://teleporthq.io/ （包含两篇技术博客） 微软的Sketch2Code https://github.com/Microsoft/ailab/tree.../master/Sketch2Code pix2code: 从GUI截图生成代码 作者：Tony Beltramelli，UIzard Technologies，丹麦 论文：https://arxiv.org
微软开源Sketch2Code，草图秒变代码 Sketch2Code 是一个基于 Web 的解决方案，使用 AI 将手绘的用户界面草图转换为可用的 HTML 代码。
2018 年，微软 AI Lab 开源了草图转代码工具 Sketch2Code[3]，一些人认为生成代码效果不理想不适用于生产环境，但也有人认为代码自动生成还处于初级阶段，未来发展值得想象。...target=https%3A//github.com/emilwallner/Screenshot-to-code [3] Sketch2Code: https://link.zhihu.com/?...target=https%3A//github.com/Microsoft/ailab/tree/master/Sketch2Code [4] Picasso的Github仓库: https://github.com
参考资料 https://zhuanlan.zhihu.com/p/52065184 https://github.com/Microsoft/ailab/tree/master/Sketch2Code
微软开源了相应的代码Sketch2Code，看起来很美好，但体验过后发现Sketch2Code的效果并不理想，主要有以下几点： 1.能识别部分控件，但准确率较低。
去年，该领域取得了突破性的进展，其中 Tony Beltramelli 发表了 pix2code 的论文[1]，而 Airbnb 则推出了sketch2code[2]。
代码自动生成 Sketch2Code，AI 将手绘稿子 转换为 html 代码。 imgcook，将Sketch/PSD/图片 转换为 React、Vue、Flutter、小程序等代码。
“一个基于网络的解决方案 Sketch2Code 最近被引入。它依靠人工智能将手写的 UI 设计从图像转换为有效的 HTML 标记代码。
现有的一些典型案例包括：微软开发的可将手绘图转化HTML代码的智能化代码生成工具sketch2code，基于AI技术自动生成UI逻辑的teleporthq。
在上面的例子中，先手绘GUI界面设计，然后通过Sketch2Code可以直接转换成目标平台的代码，如果你指定的目标平台是Web，那就直接生成html，如果你指定的目标平台是iOS，那就会生成XCode的项目
Beltramelli 在去年发布了论文《pix2code: Generating Code from a Graphical User Interface Screenshot》，Airbnb 也发布了 Sketch2code
2018 年，微软开源了 Sketch2Code 项目，进一步验证了该方向的可行性。 紧接着 2019 年，阿里淘系上线 imgcook，并在接下来的几年里支撑了双十一、618 等大量业务。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
