This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Matt Marriotti
Posted Oct 01 - Read on Facebook

Is there a good way to make a multiple screen prototype in Framer? I tend to see a lot of single screen transitions, but what if i wanted to make a simple multipage flow? Is there a good way to view/build the deeper screens, without having to run the prototype & see a click event play out?

7 Comments

Chase Curry

When I've had multiple pages, I lay them out one page at a time, centered on screen. Just build each page in a container, then set the container to visible: false when you're not using it. Then once you're done setting up the individual screens, work on the transitioning

Chris Camargo

For multi-screen flows, I tend to utilize subLayers/superLayers quite heavily. Use a top-level layer to represent each view, and make sure everything else is a subLayer of one of those layers. Then you just manipulate the top level layers and everything inside them comes along for the ride.

Craig Murray

Chase Curry Chris Camargo do you guys mind sharing a sample file/folder with us so we can learn your approach here?

Matt Marriotti

Yes a sample or 2 would be great! I think I in general follow the ideas posted, but this feels like something that would be easy to modify if we got a good start on it.

Nitin Sampathi

Chris Camargo I'm having a hard time visualizing this hierarchy you're describing for a multi-screen flow. Do you have a visual example or a sample file/folder of your approach, like what Craig Murray mentioned?

Chris Camargo

Hi Nitin, sorry I didn't see this earlier! Yes, I'm happy to show you an example when I get in front of a computer. In the meantime, have you seen my presentation, and view controller module? https://youtu.be/ZA9TKn_bIVY

Nitin Sampathi

Chris Camargo No worries, You replying to a year old post is awesome. Thanks for that link, I checked it out and may be a little lost than before! which isn't a bad thing. I made a breakdown of where I'm stuck at, you can see the imgur gallery here: http://imgur.com/gallery/7GTw2 It also includes links to my share links from Framer. Do you mind checking it out and try to point me in the right direction? Basically I don't want to *just* use images as my views to transition to, I'd like to use layers with images and scrollComponents but I think I'm getting messed up at the hierarchy!

Read the entire post on Facebook