Haven't got Anima plugin for Sketch, Adobe XD, or Figma?
Here's how to install it.
An Overlay is a link type that lets you display another Artboard on top of the existing one rather than navigating to the new Artboard.
Overlays can be used for modal windows, drop-down menus, pop-up notifications, all without leaving your current screen.
Create an Overlay in Sketch:
Select the Layer that will trigger the Overlay
With Links, connect it to the Overlay artboard
Check the Overlay box in Links
Now, select the Overlay component and link it to the “Dismiss Overlay“ option at the top menu bar
Change the Overlay artboard background color to transparent by moving the transparency slider to the left. Make sure that “Include in export“ is checked in
[Download] this High-Fidelity Prototype Sketch file to try it yourself.
ℹ️ Overlay Tips:
For a cooler Overlay effect, set its artboard background color to 70% Transparent
Create Overlay in Adobe XD
Use Adobe XD's native overlay link
Create Overlay in Figma
Use Figma's native "Open" and "Close" overlay links
Get Started with Anima!
We’re super excited to have you trying it out and hearing your feedback.