How overlays work in Wireframe mode

Overlays allow you to separate foreground elements (like modals, and alerts) from the rest of your wireframe.

To add an overlay, type / in any board mode or switch to wireframe mode and open the elements menu:

Then type overlay and select it from the menu or press enter:

Drag to resize your overlay, and place it anywhere on the canvas. Overlays will automatically snap to fit within any frame in your design, like the window, tablet or phone:

Note:

  • There are two overlay colors to choose from: Slate and White.
  • It's not possible to adjust the level of opacity.
  • You can move other elements above or below your overlay with the following shortcuts:
    • Bring forward: ]
    • Bring to front: option/alt + ]
    • Send backward: [
    • Send to back: option/alt + [
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.