跳转到内容

导入 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 网页转设计 浏览器插件录制再导入交互式导入(推荐后者)。

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

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

常见问题

交互式导入卡在页面准备中状态

用当前运行 Refore 网页转设计插件 的同一个浏览器打开这个 HTML 文件,如果不能正常打开,说明这个页面依赖一些您当前浏览器环境请求不到的资源,请检查网络情况,或者尝试使用 VPN。

如果还有问题,请联系我们