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

Layers – Add interactive elements on top of your designs

Posted 7 years ago by Murat Mutlu
Layers – Add interactive elements on top of your designs

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

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