Back to Plugins
Frame Overlay

Frame Overlay

Create custom overlays for any frame

utilitydimmingoverlayframebackgroundcolor overlaycolor

Plugin Preview

Frame Overlay preview

About this plugin

Create custom overlays for any frameQuickly create overlays filling the entire frameUse any fill and set custom opacitiesSave 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” commandAutomatically updates the fill of an existing overlay layer (named “Overlay”) when the plugin is run againThe overlay will be placed below layers like popovers, alerts, context menus, notifications, and moreNotesThe 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 IDIn frames with Auto Layout, the overlay will be positioned absolutelyRoadmapOverlay fill previews in the quick actions barAbility to enter colour codes directlyAbility to save and apply custom effects to overlaysDo you have a feature request? Let me know on GitHub or Mastodon :)This plugin is open source on GitHubMade by @johjakob

Plugin Details

Version1
CreatedSeptember 9, 2022
Last UpdatedOctober 8, 2022
Categoryediting & effects plugins
CreatorJohannes Jakob
Stats625 installs, 53 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:dist/code.js
  • Editor Types:
    figma