Switching from Dark to Light Theme with Scroll Action

Hello Figma Community,

I’m currently working on a project and encountered a specific design challenge. I’m looking to implement a feature within my design where the theme dynamically changes from dark to light as the user scrolls down the page. This effect is intended to enhance the user experience by gradually transitioning the visual theme based on scroll depth.

Has anyone here successfully implemented a scroll-triggered theme change in Figma? If so, could you share insights or tips on how to set this up? Specifically, I’m interested in understanding if there are any plugins, or if custom code is required to achieve this effect.

Thank you in advance for your help!

Hey there,

Thanks for your post. I did a quick search in our Community file and found a couple of resources related to scrolling that might be beneficial for you. I suggest exploring these files on our Community platform. Here are a couple of examples:

I hope you find these helpful! I’m also curious in how other community members are building these.

Thanks,
Toku