Screenshot to Code使用教程

访问Screenshot to Code官方网站，在首页找到上传入口，点击上传需要转换的界面截图或设计稿，支持JPG、PNG等常见图片格式，单张图片大小需符合平台上传限制。

上传完成后，在输出格式选择栏中，根据自身项目的技术栈需求，选择对应的代码框架，比如Tailwind CSS、React、Vue等。

确认输出格式后点击生成按钮，等待AI工具完成图片识别和代码生成过程，等待时长根据图片复杂度有所不同，一般在数十秒内即可完成。

代码生成完成后，在预览区查看生成的界面效果，若存在与原图不符的地方，可在代码编辑区直接修改代码，修改后预览区会实时更新效果，反复调整至符合需求。

确认代码和效果无误后，选择下载完整代码包，或者直接复制对应部分的代码，导入到本地的项目中即可投入使用，也可生成分享链接同步给团队成员。