Skip to main content
Question

Switching from Dark to Light Theme with Scroll Action

  • February 23, 2024
  • 1 reply
  • 236 views

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!

This topic has been closed for replies.

1 reply

y_toku
Figmate
  • Community Support
  • 2526 replies
  • February 26, 2024

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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings