如何在Figma中实现烹饪APP随机选择类横向滚动条原型？

Figma内实现老虎机式原型的可行方法 #

• 用组件变体+交互串联：给每个分类做包含所有选项的组件，把每个选项做成独立帧。设置帧的自动切换动效（时长0.1s左右），循环5-8次后，绑定到随机选项帧完成停止。整体重选就给主按钮绑定所有分类组件的滚动动效，单独重选则给每个分类加独立小按钮，触发对应组件的滚动逻辑。
• 借助第三方插件简化操作：比如Randomizer插件，先给每个分类的选项列表打标签，插件能直接随机选中一个选项，再给组件添加“滚动到选中项”的动效，模拟老虎机滚动停止的过程；Auto Animate Plus插件可以更流畅地实现连续滚动的过渡动画，减少手动设置帧的工作量。

同类随机选择的替代设计方案 #

如果老虎机动效在Figma原型中难以达到理想效果，推荐这几种易实现且体验友好的方案：

• 卡片翻转式随机：每个分类做成独立卡片组件，默认显示占位提示（比如“点击随机”），点击主按钮时所有卡片同时翻转显示随机选项；单独点击某张卡片，触发单张卡片的翻转切换新选项。Figma里用组件变体+“翻转”交互就能快速实现，视觉反馈清晰。
• 渐变清晰式随机：初始状态下每个分类区域显示模糊的占位内容，点击随机按钮后，内容从模糊渐变到清晰的随机选项；单独重选对应分类时，该区域重新触发模糊→清晰的动效。这种动效简洁，原型只需要给组件添加“模糊”属性的过渡动画，配合随机切换变体。
• 滑动抽选条：每个分类设置横向滑动条组件，包含所有选项。点击随机时，滑动条快速滑动后自动定位到随机选项；单独重选可以点击分类旁的小按钮，触发滑动条重新滑动定位。Figma里用“自动拖动”+“定位到帧”的交互即可实现。

内容的提问来源于stack exchange，提问作者Dani G