Framer X has a scroll tool you can use to add this type of interaction. In this video, Emmanuel Henri explores how to add it into the prototype.
- [Instructor] The next interaction needed … is to be able to swipe through our cards, … and we'll achieve this with the scroll component. … So the first thing we're going to do … is put some space in between the first section … and the second section so we can put the cards below. … And you'll understand why we're doing that in a second. … So let's select all of these, drag them down … a little bit like so. … And then what we'll do is go to our layers. … And in the shopping view we're going to grab … the frame with the cards and drag them out … of that design outside like so. … And then what we'll do is rename those Cards. … So what we're going to do inside of that specific … Cards section, we're going to add two more like so … by right-clicking and then Duplicate. … And then what we'll do is move those cards out … because right now they're right beside each other like so. … And now we have four cards. … And let's make sure that these are part of the cards. … So we can drag them inside of the cards, …
Released
9/20/2019- Setting up design files
- Importing and exporting files
- Enabling side-scrolling
- Adding animation to scrolling
- Animating the summary detail
- Transitioning to the detail card
- Inserting video elements
- Inserting sounds
- Adding SVG animations
- Delivering for review
Share this video
Embed this video
Video: Scrolling with cards