大数跨境

新功能:AI页面的所有子模块、原型连线可以一键导入Figma了

新功能:AI页面的所有子模块、原型连线可以一键导入Figma了 Refore AI 设计
2026-07-24
5
导读:AI 生成的网页,一个页面还藏着点击才出现的弹窗、菜单、子页面。过去要把这些子模块变成设计稿得一个个手动导入;Refore「网页转设计」新功能让 AI 自动识别并逐个导入,还连好点击原型连线。

用 AI 生成一个能点、能跳转的网页越来越快。但一个页面往往不只一屏——点击才出现的弹窗、下拉/侧边菜单、多 tab、跳转过去的子页面,都是页面的一部分。过去想把这些子模块也变成设计稿,得在插件的预览里一个个把它们点开,再手动逐个导入;页面一多,就很繁琐。

新功能:AI 自动识别,自动导入

Refore「网页转设计」这次把这一步自动化了:不用再手动一个个点、一个个导。

以 Refore HTML to Figma 为例(MasterGo、Pixso、即时设计同样支持,用平台内的「Refore 网页转设计」插件):启动插件,打开「AI-Generated HTML」标签页,选中你的 HTML 文件或整个目录,点一下「Import All」,AI 就会自动识别每个页面及其所有子模块——弹框、下拉/侧边菜单、多 tab、跳转到其它页面的链接——逐个「点开 → 导入」成独立的设计帧,并顺手把「点这里 → 到那个页面」连成可演示的点击原型连线。全程有进度、随时能取消。

视频里丢进两个页面,一键跑完,就得到 8 张设计帧、6 个子状态、4 条点击原型连线,每个子模块都成了独立、可编辑、可点击跳转的稿子。

▲ 上图在 Figma 里的样子——蓝色连线正是自动生成的点击原型(Flow 1)。

【声明】内容源于网络
0
0
Refore AI 设计
用 AI 加速产品设计迭代、销售交付
内容 8
粉丝 0
Refore AI 设计 用 AI 加速产品设计迭代、销售交付
总阅读41
粉丝0
内容8