Frame Overlay

About this plugin

Create custom overlays for any frame

1. Quickly create overlays filling the entire frame
2. Use any fill and set custom opacities
3. Save custom overlay fills, including library styles, gradients, and images. To do that, select a layer with the fill you want to save and run the command “Save overlay fill”
4. Remove custom overlay fills using the “Remove overlay fill” command

1. Automatically updates the fill of an existing overlay layer (named “Overlay”) when the plugin is run again
2. The overlay will be placed below layers like popovers, alerts, context menus, notifications, and more

Notes

1. The overlay will be placed below the first layer on the first level of the selected frame that has one of the following terms in its name: Alert, App Clip, Context Menu, Contextual Menu, Dynamic Island, Face ID, Keyboard, Modal, Notification, Popover, Sheet, Status Bar, and Touch ID
2. In frames with Auto Layout, the overlay will be positioned absolutely

Roadmap

1. Overlay fill previews in the quick actions bar
2. Ability to enter colour codes directly
3. Ability to save and apply custom effects to overlays

Do you have a feature request? Let me know on GitHub or Mastodon :)

This plugin is open source on GitHub

Made by @johjakob