UI to Code AI使用教程

打开UI to Code AI官网，点击首页的上传按钮，可选择粘贴Figma分享链接，或者上传本地的Sketch、XD文件以及UI设计图片，等待系统完成设计稿解析。

解析完成后，在配置界面选择需要生成的代码框架类型，比如React+Tailwind CSS，同时设置响应式适配、CSS单位、类名规则等偏好参数。

点击生成按钮，等待系统完成代码转换，过程中可在右侧预览区域查看实时生成的界面效果，核对和设计稿的还原度是否符合预期。

若对生成的效果有调整需求，可直接在预览界面拖动修改元素位置、调整颜色参数，也可在代码编辑区直接修改代码，修改内容会同步更新到预览效果中。

确认效果无误后，可选择复制代码直接粘贴到项目中，或者下载完整的代码包，也可生成分享链接发送给团队成员协作查看。