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 components 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 default colors to choose from: Slate and White, or you can select a custom color.
  • 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: Command + ]
    • Bring to front: ]
    • Send backward: Command + [
    • Send to back: [

Written by:

  • Jack Jenkins

    Jack Jenkins