返回工具列表 工具分类编程开发按实际使用场景归类 官网入口sketch2code.azurewebsites.net保留原站直达链接 收费方式免费最终价格以官网为准 关注人数9B+ 可用 01AI编程工具 02核心能力 02 03核心能力 03 04核心能力 04 01 02 03 04
编程开发
Sketch2Code
Sketch2Code由微软AI Lab于2018年推出，旨在帮助开发人员轻松地将手绘草图转化成HTML代码的开源项目。使用Sketch2Code，开发人员可以绘制线框草图并将其导出为源代码。Sketch2Code使用人工智能和自动化从线框草图中开发代码，支持基本的网页视觉元素，包括标签、文本字段、文本段落、图像和按钮等。
访问官网 更新于 2026/04/15
Sketch2Code 是什么
Sketch2Code 是一款面向 编程开发 场景的 AI 工具，微软AI Lab推出的将手绘草图转换成HTML代码工具。
Sketch2Code由微软AI Lab于2018年推出，旨在帮助开发人员轻松地将手绘草图转化成HTML代码的开源项目。使用Sketch2Code，开发人员可以绘制线框草图并将其导出为源代码。Sketch2Code使用人工智能和自动化从线框草图中开发代码，支持基本的网页视觉元素，包括标签、文本字段、文本段落、图像和按钮等。 2018年发布时，该项服务背后的模型已经用数百万张图像进行了训练，可以对各种类型的物体进行物体检测。有了这些信息，该工具可以生成设计中不同元素的HTML代码片段，然后可以根据识别的元素的位置推断设计的布局，并相应地生成最终的HTML代码。
Sketch2Code由微软AI Lab于2018年推出，旨在帮助开发人员轻松地将手绘草图转化成HTML代码的开源项目。使用Sketch2Code，开发人员可以绘制线框草图并将其导出为源代码。Sketch2Code使用人工智能和自动化从线框草图中开发代码，支持基本的网页视觉元素，包括标签、文本字段、文本段落、图像和按钮等。
主要能力
基本的网页视觉元素
文本字段
文本段落
图像和按钮等
适合场景
基本的网页视觉元素
Sketch2Code 可用于基本的网页视觉元素，适合先用一个真实任务验证输出质量。
文本字段
Sketch2Code 可用于文本字段，适合先用一个真实任务验证输出质量。
文本段落
Sketch2Code 可用于文本段落，适合先用一个真实任务验证输出质量。
图像和按钮等
Sketch2Code 可用于图像和按钮等，适合先用一个真实任务验证输出质量。