How to create overlays in your Sketch prototypes - Anima Blog
Product Updates

How to create overlays in your Sketch prototypes2 min read

Reading Time: 2 minutes Prototyping with Anima Tip #4 out of 5

How to create overlays in your Sketch prototypes2 min read

Reading Time: 2 minutes

Part #4 of a 5 part series: prototyping with Anima in Sketch

What are Overlays?

Overlays allow you to show new content on top of other content. Overlays are very similar to links, except they have a transparent background and appear on top of the original page.

Overlays can be used for many use cases: modal windows, drop-down menus, pop-up notifications, all without leaving your current screen.

In this example, the payment method is an overlay.

As easy as creating two links!

Creating Overlays

  • Select the Layer that will trigger the Overlay
  • Click Prototype tab > Flow > Links > Connect it to the Overlay artboard
  • Mark the ‘Overlay’ check-box

Anima Panel > Prototype > Flow > Links > Overlays

  • Click ‘Edit Transition’ to customize the animation between the two artboards. You can control the Direction, Duration, Delay and Curve.
    Or even embed your own CSS if you like to.

Edit Transition

Dismiss Overlay

  • Select the Layer that will dismiss the Overlay, and link it to the ‘Dismiss Overlay’ option at the top menu bar.

Dismiss overlays


Change the artboard background color to a transparent color. So you could see the original artboard underneath. Make sure that it is “Include in export”.

Preview in Browser

When it’s ready — it’s time to see it come to life. Hit ‘Preview in Browser’.
👉Live preview here

Discover more tips for prototyping with Anima in Sketch:

As always, we’re excited to hear your feedback!

Join the discussion or show off your designs on FacebookTwitterSlackInstagramand vote for new features at UserVoice.

Stay creative!
❤️ Anima team


Co-founder & CPO

UI/UX master with a keen eye for user journeys. Working on improving the handoff from design to code and creating better interfaces. A huge fan of music festivals and a chocolate lover.

Leave a comment

Your email address will not be published. Required fields are marked *