Sketch2Code

Sketch2Code是微软AI Lab推出的开源手绘草图转HTML工具,利用计算机视觉和自定义模型识别手绘UI元素,结合OCR提取手写文本,自动生成结构化HTML代码。基于Azure云服务构建,开源可定制。

访问Sketch2Code官网

工具介绍

一、平台定位 Sketch2Code是微软AI Lab推出的开源手绘草图转HTML工具,提供从手绘草图拍照→AI元素识别→文本提取→布局分析→HTML生成的全链路能力,将白板上的UI创意快速转为可运行代码。 二、核心能力 手绘UI元素识别 基于微软Custom Vision自定义视觉模型,训练识别手绘的文本框、按钮、下拉框、图片等常见HTML元素,标注位置和类型。 手写文本OCR 利用微软计算机视觉服务的手写文本识别功能,提取设计中的手写文字内容,作为生成HTML的文本数据。 智能布局分析 布局算法根据识别元素的边框空间信息,推断行列网格结构,生成合理的HTML布局代码。 HTML代码生成 结合元素类型、文本内容和布局信息,生成结构化的HTML代码。输出包含语义化标签和基础样式,可直接在浏览器中查看。 Azure云服务架构 基于Azure Blob Storage存储、Azure Function后端和Azure Website前端构建,充分利用微软云AI能力。 开源可定制 GitHub开源项目...

功能特点

标签:AI编程 OCR识别 开源 AI设计 AI模型

分类:AI编程工具

相关工具