Sketch2Code

Sketch2Code 是 Microsoft AI Lab 的手绘网页转 HTML 演示项目，通过视觉识别、文字识别和布局算法将界面草图转换为网页标记代码。使用Sketch2Code时，通常从文字需求、草图、参考图、品牌素材或页面结构开始，将内容整理为界面草稿、版式、图标、视觉方案或可分享原型。通常先用小范围提示或参考素材确认构图，再调整文字、细节和导出规格。

核心能力

• 输入与输出：手绘 UI 图片 → HTML 网页标记。
• 识别链路：界面元素检测、手写文字识别、边界框布局。
• 运行依赖：Azure Custom Vision、Computer Vision、Blob Storage、Function 和 Web App。
• 项目授权：Microsoft AI Lab 源码采用 MIT 许可证。

适合与限制

适合：

• 需要界面草稿、版式、图标、视觉方案或可分享原型的设计师、产品团队和需要快速制作视觉方案的用户。
• 希望先得到可编辑草稿，再由人工补充和核对的用户。

不适合或需先确认：

• 生成方案需要结合品牌规范、可用性和素材授权进行人工调整
• 具体功能、登录要求、额度和导出规格以官网当前页面为准。