豆包生成的页面导入到设计稿

注意

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

在豆包中生成并预览页面，下载 HTML 文件后，可以通过插件直接导入多个响应式尺寸的设计稿：

1. 在豆包对话中输入提示词生成页面
2. 页面生成后打开预览，下载并保存 HTML 文件
3. 在 Figma/MasterGo/Pixso/即时设计中打开 Refore 网页转设计 插件，切换到 AI 生成的页面 标签页
4. 把下载好的 HTML 文件拖进插件
5. 点击“交互式导入”按钮，查看页面预览
6. 分别导入桌面端、手机端和平板端页面

多文件、交互式导入等更多细节，请查看 导入 AI 生成的 HTML 页面。