跳转到内容

导入 AI 生成的 HTML 页面

html file in cursor, import into figma

导入 AI 生成的 HTML 页面的有 2 个方法

接下来重点介绍前者

直接导入 .html 文件

打开 Refore 网页转设计 插件,点开 AI 生成的 HTML 页面 Tab,并按提示操作,如下图:

导入 AI 生成的 HTML 页面的界面

点击选择文件按钮,选择相应的 .html 文件即可。或者也可以直接把 HTML 文件拖到插件里导入。然后,您会看到这样的弹框,在这里可以选择导入的页面视口宽度,以及是否使用 交互式导入

导入 AI 生成的 HTML 页面的界面

交互式导入

以下 2 中情况请使用Refore 网页转设计 浏览器插件录制再导入交互式导入

  • 需要导入的页面内容是需要点击才能看到的,比如弹框
  • 需要导入的页面内容是需要鼠标悬停才能看到的,比如菜单、按钮悬停样式

具体使用方法请看下面视频: