Layers – Add interactive elements on top of your designs

Posted 3 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

We’re kicking off the new year with a much requested feature from teams that use Marvel everyday with users that are outside of the company, such as clients, developers and stakeholders. Naturally, you may want to have conversations around your work that these external users can’t see, thats where our new feature, Private Comments, comes in. Private Comments allows you… Read More →

A better way to organise your designs At Marvel, we understand how important organisation is when building prototypes. Projects can quickly scale to hundreds of screens, making them difficult to manage, present and collaborate on. That’s why we created Sections, it solves all this in an easy to use and intuitive format. Sections helps you organise screens and makes it… Read More →

Our mission at Marvel is to democratise design and give everyone access to the tools they need to visualise ideas. That’s why we created our Design Tool, it let’s anyone jump into the browser and start creating wireframes and mockups instantly. Now we want to take that to the next level by helping make every single design you create in… Read More →