📹 New! Remote User Testing - Get video + voice feedback on designs and prototypes
Read more
Product Updates

Marvel Now Supports Fixed Header and Footers For Mobile and Web Prototypes!

Posted 10 years ago by Murat Mutlu

It seems like every other day we get emails requesting the ability to set fixed headers and footers in your prototypes.. well I'm happy to announced that you can now fix headers and footers across both mobile AND web!

In the past fixed header and footers were typically used in apps, but it's becoming more and more common for websites to use it for navigation too. So we decided to make the feature work across all types of prototypes.

The aim of Marvel is to quickly turn images into prototypes that look and feel like the real thing, fixed areas help add that extra bit of realism.

Check out the example below to see how it looks when you select a fixed header area. As you can see the blue top navigation bar remains static as the rest of the image scrolls underneath.

It's really easy to add the area you want to fix. Head over to the editor and you'll notice two handles either side of your image, simply grab the handles and drag to define the section.

And there you have it!

We'll be improving the feature over the next couple of weeks, if you have any suggestions or spot any bugs let us know!

Not using Marvel yet? Sign up for free and created unlimited prototypes.

Hi! I'm one of the co-founders at Marvel and a Product Designer by trade. You can often find me asking why Arsenal haven't signed anyone this season. Follow me on Twitter.

Related Posts

Design has changed beyond recognition since we first launched in 2014. Back then, Photoshop was the dominant interface design tool. Design files were littered across hard drives, servers and cloud-storage. The large majority of prototyping was still done using HTML and CSS, putting it out of reach for many designers. The value of prototyping was yet to be realised. Design… Read More →

We’re constantly shipping big updates to our Sketch plugin which include improvements to both performance and experience. The Marvel Sketch plugin sends artboards, assets, code, specifications and even Sketch prototyping directly from Sketch to Marvel allowing you quickly go from idea to prototype within minutes. Based on a ton of customer feedback, we recently added a new feature that gives… Read More →

We’ve shipped dozens of new features recently based on your feedback! Here’s a closer look… Prototyping Create carousels, sidebars and more with containers! Make elements of your prototype scroll in any direction – unlocking the ability to create carousels and scrolling sidebars. The result? More realistic prototypes when testing and gathering feedback. Read more User Testing Heatmaps You can now… Read More →

Categories