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

Create carousels and scrolling sidebars with containers!

Posted 2 years ago by Charlotte Hall
Create carousels and scrolling sidebars with containers!

At Marvel, it’s important that our customers have a voice in the direction of functionality and the platform. One of our most popular feature requests ever has been the ability to create carousels and scrolling sidebars in order to create realistic prototypes when testing and gathering feedback.

So we're super excited to announce containers! Containers can make an element of your prototype interact by scrolling horizontally, vertically or bidirectionally. Containers can also be made fixed, so that they stay in position while scrolling.

Adding containers to a prototype is simple, in just a few clicks you can create many of the most common interactions you see in apps and websites. For example, simulating swiping through movies like on Netflix or scrolling through a sidebar in Slack is a breeze.

Here's a few examples of things you can create:

 

We've put together a step-by-step guide to help you learn how to add these cool new features to your prototypes; read our prototyping with containers help article to find out more.

Creating a container in a Marvel prototype

  1. Sign in to your Marvel dashboard
  2. Open any prototype
  3. Upload the image you would like to add to your container and add it to your project. It might even be handy to create a section containing all your elements
  4. Click ‘Prototype’ on the image
  5. Click and drag over the area where you want to add the container
  6. Select the element you want to appear in that container from your images and click ‘Container’ as the action
  7. Choose the behaviour and direction you want, and click ‘Play'

Support for Sketch fixed layers is currently in beta and we'll be launching much more in future. We can't wait to see what you make!

Got an idea for a new feature? Let us know here.

Design and prototyping for everyone

Design and prototyping for everyone

Thousands of individuals and teams use Marvel to design and prototype ideas.

Get Started, it's Free!

Product Marketer at Marvel. Part-time true crime connoisseur. @ch_hall

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