menu
announcement

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

Figma

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

Channels
Team

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.
Right?
Yes, exactly, scroll events basically.
like-fill
1
Yes. Here's an example of how you can do something like that in Flinto for Mac. https://www.youtube.com/watch?v=42Pbs5-vfuM
like-fill
1
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?.
like-fill
1