
Hi Figma Community,
I'm working on a personal passion project – a UI concept for a game called "Truck Simulator: Big Rigs" – and I've run into a frustrating prototyping issue that I can't seem to solve.
The Problem:
I've built a series of interactive components for a vehicle customization screen (e.g., choosing paint colors, wheels, etc.). When a user makes a selection and navigates to the next screen, everything works fine. However, when they use the "Back" button to return to the customization screen, the components don't reset to their default state. They remain in the last selected state.
What I've Tried:
- Ensuring the "Reset component state" checkbox is ticked on the "Back" button's
Navigate To
interaction. - Rebuilding the interactive components from scratch.
- Testing the flow in a completely new, clean Figma file with just those components.
- Checking for any conflicting interactions on the frame.
The issue persists, and it's breaking the user flow I'm trying to achieve. I'm aiming for a very snappy, clean experience where choices reset upon return, allowing for re-selection.
For context, this is the kind of smooth, instant-reset interaction I'm trying to replicate in my Figma prototype. The way the elements respond here is the gold standard I'm aiming for:
https://modhello.com/truck-simulator-big-rigs/
Has anyone else encountered this persistent bug with interactive components? Is there a specific way to structure the components and variants to avoid this, or am I missing an obvious setting in the prototyping panel?
Any advice would be a huge help! Thanks in advance.