Rive Preview Lab
Preview, control, and embed Rive animations in Figma.
Plugin Preview
About this plugin
v0.6.09 — UI background preview & quality-of-life upgrades═══════════════════════════════════════════✨ NEW• Show UI background — preview your Rive inside its surrounding Figma frame. Toggle from the stage controls; a "Rive" pill + shimmer highlights the live spot for ~2.5s on each refresh.• Notes panel — jot per-binding notes (input behaviours, edge cases, where this animation is used…) that persist on the Figma node.• Confirm-replace flow — uploading a new .riv while one is loaded now surfaces a "New" tag and a Confirm / Cancel action instead of swapping silently.🎨 POLISH• Selection bar redesigned — single row with clear "prompt → action" states for unselected / unbound / bound.• Bound A → Bound B switches flash a brand-color outline.• Green outline glow on the stage when state-machine inputs change, so subtle animations are easy to spot.• Bottom-right resize handle: bigger hit area + softer quarter-arc.• Play / Pause buttons mutually exclusive; timeline no longer collides with the transparent-background toggle on narrow stages.🛠 FIXES• Reset button no longer breaks canvas position in UI-background mode.• Confirm-replace now persists the new .riv back to the bound node.• "Show UI background" preference survives plugin restarts.• Default language follows the system locale on first launch.═══════════════════════════════════════════🇨🇳 中文摘要✨ 新功能• 显示 UI 背景:在 Figma 原画板里实时预览你的 Rive,刷新时会有"Rive" 小标签 + 高亮扫光指引主元素位置。• 备注面板:为每个绑定节点添加自定义备注(input 行为、触发条件、使用 场景等),自动保存到节点上。• 替换确认流程:在已有 .riv 时上传新文件不再直接覆盖,会先显示 "New" 标签和 "确认更新 / 取消" 按钮。🎨 体验优化• 右上角绑定信息区重新设计,三种状态一行清晰可见。• 切换绑定节点时预览窗口和绑定信息条会描边闪烁提示。• 改动状态机参数时预览窗口会亮起品牌色描边,细微动效一眼可见。• 右下角拖拽改用更细的四分之一圆弧,热区放大。• 播放 / 暂停按钮互斥;时间轴不再与透明背景开关重叠。🛠 修复• Reset 按钮不再破坏 UI 背景模式下的预览位置。• "确认更新" 现在会真正把新 .riv 写回 Figma 节点。• "显示 UI 背景" 开关状态会跨次启动保留。• 首次启动默认语言跟随系统语言。═══════════════════════════════════════════💚 Free + open source · 免费开源Licensed under MIT. The full source is published openly so you canverify exactly what runs on your machine. If you find it useful,just leave a like — that's all we ask.MIT 协议开源,所有源码都公开可查。觉得好用的话,点个 ♥ 就是最大的支持。— Made with ♥ by 乡巴熊俱乐部
Plugin Details
| Version | 3 |
|---|---|
| Created | April 30, 2026 |
| Last Updated | June 9, 2026 |
| Category | Prototyping & animation plugins |
| Creator | wang qun |
| Stats | 5 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Prototyping & animation plugins category.