Figma is the first collaborative UI design tool built in the browser. Join our growing community and kick off a conversation!
J A S O N@jscottpearson
Prototyping: Scroll InteractionsAugust 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
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. https://www.youtube.com/watch?v=42Pbs5-vfuM
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?.