Web Behavior Preview

预览网页滚动与吸附行为

作者: frostmade
类别: ▨ 线框图&原型图
定价: 免费

✏️ 介绍

Web Behavior Preview 将 Figma 单个页面变成可滚动的网页预览，读取已有原型交互，并支持顶部、底部与侧栏吸附。可导出自包含 HTML，方便向客户和开发者演示滚动行为。

🔨 功能

1. 读取 Prototype 中已连好的交互：点击／悬停切换变体、打开浮层、打开链接及滚动到目标区域；保留过渡时长，并支持从主组件继承的交互。 2. Prototype only 模式可直接选择画板运行；未在 Figma 中连接的交互不会自动生成。 3. 支持 Smart sticky 高侧栏随滚动停靠、顶部多个栏位依次叠加，以及底部提示条或操作条互相推移。 4. 吸附元素可设置停靠时的第二种外观，顶部菜单打开的子菜单会随之吸附；可在预览弹层中调整行为，拖动蓝色手柄设置作用范围。 5. Download HTML 输出包含样式、脚本和图片的单个自包含文件，无需服务器、账号或网络即可在浏览器中打开。 6. 不修改原有布局；选择按页面保存。每次只预览一个顶层 Frame，不导出多页原型，也不跟随顶层画板之间的导航。 7. 每页最多 40 个吸附元素和 24 个具有独立位图的交互元素；链接与滚动区域数量不限。 8. 导出内容烘焙为图片，文字不可选择，也不会自动重排；暂不读取 After delay、拖拽触发，以及同一元素上的多个反应。 9. 所有处理在 Figma 本地完成，插件无网络访问；导出的 HTML 无网络请求，仅在查看者点击链接时跳转。