Skip to main content

Hi all,

I’m trying to create a long-ish continuous mobile web page with interactions happening on several sections of the page.

I’ve figured out how to make the interactions work individually and when put it all together, I used mouse-enter. For some reason, some interactions work and some don’t. Also, the transitions between different sections seem laggy.


Here’s the file.


I’m not even sure if I’m going about it in the most optimal way, so please advise on how to approach the concept of several interactions on a single page.


I appreciate your help!

Thanks for your post! It looks like you’re using long frames multiple times. Instead, using interactive components could improve performance by reducing the number of frames and connections. Have you ever considered that?


Here’s an article that explains how to create interactive components with variants:

Figma Learn - Help Center

I hope this helps!


Thanks,

Toku


Thank you, I’ll give it a try. My main issue was that each interaction worked individually, but it stopped working when I put it all together.


Reply