Skip to content

JohJakob/figma-frame-overlay

Repository files navigation

Frame Overlay

Figma plugin to create custom overlays for any frame

Plugin Cover

Features

  • Quickly create overlays filling the entire frame

  • Use any fill and set custom opacities

  • 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”

  • Remove custom overlay fills using the “Remove overlay fill” command

  • Automatically updates the fill of an existing overlay layer (named “Overlay”) when the plugin is run again

  • The overlay will be placed below layers like popovers, alerts, context menus, notifications, and more

Note

  • 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
  • In frames with Auto Layout, the overlay will be positioned absolutely

Roadmap

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