I am very much a beginner user, designing some brand guidelines using Figma, and am running into a couple of challenges. Hoping this community may be able to steer me in the right direction.
The guidelines will be one long page, which will be scrolled through by the user. I have set up a navigation bar down the left side, which is set to be sticky at the top, so will scroll on screen and then stay there.

In an ideal world it would be great if, as the user scrolls through the sections – the section name in the navigation panel becomes bold. I would also love for these section names to be clickable and scroll to the sections (whilst also becoming bold/unbold).
I have figured out how to do some of these things individually, but am having a hard time getting them to all work at the same time.
- What if anything should I be turning into component variants?
- Can I get the section names to bold, and ‘Scroll to’ the section ‘On Click’, or can you only add one ‘On Click’ interaction per object?
Any ideas welcome, would be very grateful for any advice :)
Thank you!