Spectrum is now read-only. Learn more about the decision in our official announcement.


Figma is the first collaborative UI design tool built in the browser. Join our growing community and kick off a conversation!


Prototyping: Scroll Interactions

August 27, 2018 at 5:28pm
The Figma community has a new home. This thread is preserved for historical purposes. The content of this conversation may be innaccurrate or out of date. Go to new community home →

Prototyping: Scroll Interactions

August 27, 2018 at 5:28pm (Edited 4 years ago)
I'm trying to fake my way through some scroll events in prototyping using "Mouse Enter" events. It would be great if I had a "Scroll" interaction type to trigger destinations based on X/Y scroll positions of an element.

August 27, 2018 at 6:34pm
Hi Brian, not sure what you mean, can you share a similar example?
think about when you scroll a page and the header changes with a sticky smaller header.
Oh sorry , I was not seeing the gif working on mobile. Yes, I missing this as well, I've designed some screens before where I also need to have a sticky header on a particular part of the page. I'm sure Figma's team is aware of this, more advance features for prototype.
I didn't understand if you somehow did it with "Mouse enter". Does it work well? I'd like to see it in action, if you can share a a copy of your file or similar interaction, would be awesome :)
Basically you're asking for a:
On Scroll Sticky Header
The header will stick to the top when you reach its scroll position.
Yes, exactly, scroll events basically.
Yes. Here's an example of how you can do something like that in Flinto for Mac.
this seems to work very well, very intuitive as well
Here's a screenshot of my hacky mouse enter interactions.
Cool 👍 tk you, I'm going to 'study' this and try to reproduce
hey, not a bad hack after all, and easy to do! :) but yes, scroll events would be the right way to do it
The Flinto peeps are great at fast UI. They were the first I think among all the newish proto tools with their online version. I still use Online Flinto to quickly link paper prototypes up.
You can sketch up an app idea with markers, snap the pages with your phone, save images to dropbox/gdrive, and literally test functionality in a few minutes......So if i still use this rather than figma for super fast ideas>testing, something is not right somewhere?.