Lovable 生成的页面导入到设计稿

注意

以下视频以 Figma 为例；国内各平台（MasterGo、Pixso、即时设计）操作相同，使用平台内的 Refore 网页转设计 插件即可。

这种模式一般生成的是完整前端工程，无法直接拿到完整的 HTML 文件并在 Refore 网页转设计 插件里直接导入，所以需要使用浏览器插件录制导入。

在 Lovable 中生成页面并打开预览后，可以使用浏览器插件录制页面，再导入设计稿：

1. 在 Lovable 中输入提示词，生成项目页面
2. 页面生成后，点击预览按钮打开页面
3. 点开 Refore 网页转设计 浏览器插件，录制页面
4. 在 MasterGo/Pixso/即时设计中打开 Refore 网页转设计 插件
5. 导入刚刚录制的页面，导入成功