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 + [

Written by:

  • Jack Jenkins

    Jack Jenkins