Layers - Add interactive elements on top of your designs | Marvel Blog
📹 New! Remote User Testing - Get video + voice feedback on designs and prototypes
Request Demo

Layers – Add interactive elements on top of your designs

Posted 4 years ago by Murat Mutlu

We’ve just launched a great new feature called Layers which allows you to add elements over the top of your screens. It’s perfect for adding realistic sidebars, modals and popovers in just a few clicks.

That means you no longer have to add an entire screen when you want to make just one element to appear. Huge time saver!

You can also add transitions and gestures to layers like a normal screen, they also stay in sync with Dropbox and Google Drive!

Check out this example:

Or view it full screen here.

How to get started

  1. Add your layer element to your project
  2. Click edit on a screen which will trigger the layer
  3. Select your layer as the destination
  4. Then click ‘Layer an image’ on the left
  5. Position where you would like your layer to appear, that’s it!

Made something cool with Layers? Let us know on Twitter!

We’ve made additions to this feature, you can now make layers scrollable. Find out more 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!

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

Adding one of the most popular feature requests to Handoff, the fastest way to turn your design into code.

If you’re testing on the go, you can now quickly access and launch user test sessions directly from our iOS app – perfect for guerilla testing sessions! This new feature turns your iPhone or iPad into a portable testing lab and gives you access to all of your user test projects in Marvel. Simply hand your device to your participant… Read More →

You may have heard the recent news – User Testing is coming to Marvel! User Testing brings rich feedback and analytics to your Marvel mobile and web projects. See exactly how users interact with your designs with video and audio feedback, stats such as goal completion & average time spent, and collaborate with your team & stakeholders on the results… Read More →