Back to Plugins
cmd-fill

cmd-fill

cmd-fill gives you a collection of menu-driven, fill-related controls to supercharge your workflow!

imageeffectfillkeyboard shortcutsgradientcommandstrokeexportcolorproductivitygradientsadvancedefficiency

Plugin Preview

cmd-fill preview

About this plugin

cmd your workflowcmd-fill gives you a collection of menu-driven, fill-related controls to supercharge your workflow.The aim of this plugin is to save you time by surfacing those super-common, mouse-driven tasks - and provide access to them via the plugin menu.Using your favorite keyboard shortcut or macro tool, assign any of these actions as shortcuts for the ultimate productivity boost.cmd-fill featuresAlong with basic features around adding and removing fills, strokes, effects, and export settings, cmd-fill empowers you with features like:Gradient mirroring and directionality (including 45° angles)Image scale mode control (Fill, Fit, Crop, Tile)Copy color values across color modes (CSS, RGB, HSL, HSB)Directly apply strokes to specific edgesInvert colors (including linear gradients)Flatten layer fills to create a single new hex valueDynamic black & white color (changes based on background)Invisible-yet-selectable hitbox fillCheck out more on each feature below, along with conditions to help you know how they can be used. cmd-fill has fairly robust error notifications, which should help direct you to issues and how to work through them.---features & conditionsAdd FillAdd a white, black, gradient, image, dynamic black, or hitbox fill to selected layers.Use on one or more layersGradient will pick up any current fill colors, if anyDynamic fill changes between black and white depending on it’s background colorHitbox is invisible, but allows you to select the layer using cmd + clickRemove FillRemove all fills from selected layers.Use on one or more layersInvert Fill ColorInverts the fill color, where light becomes dark and vice versa and colors change to their compliment.Use on one or more layers with a single fillSupports linear gradients with transparent or opaque stopsFlatten Fill ColorReplaces two fills with a single fill using the flattened hex value of the previous two fills.Use on one or more layersLayer must use two fillsTop fill must use transparency, bottom fill must be fully opaqueWorks on linear gradients if all stops are fully opaqueCopy Fill ValueCopy the specified color mode value of a layer to the clipboard.Use on a single layer with a single fillCopy Flattened HexCopies the flattened hex value of the previous two fills to the clipboard, retaining the current fills of the layer.Use on a single layerLayer must use two fillsTop fill must use transparency, bottom fill must be fully opaqueDoes not support gradientsMirror GradientReversed the gradient color stops.Use on one or more layers with linear gradientsLayer must have only one gradient fillGradient OrientationOrient gradients in any direction you choose.Use on one or more layers with linear gradientsLayer must have only one fillImage ModeChange the image scale mode for selected images.Use on one or more layers with an image fillAdd StrokeAdd black or dynamic stroke to all or specified edges of selected layers.Use on one or more layersReplaces existing stroke color and weightModify StrokeApplies the stroke to the specified edges or alignment positions.Use on one or more layersMaintains existing stroke color and weightRemove StokesRemove all strokes from selected layers.Use on one or more layersLayer EffectsApply effects to selected layers, adding to any existing effects.Use on one or more layersLayer ExportApply export settings to selected layers, replacing any existing settings.Use on one or more layersiOS & Android will add multiple export scales according to platformNotescmd + fill will ignore and in many cases remove fills which have been set to hidden

Plugin Details

Version2
CreatedMarch 4, 2024
Last UpdatedMarch 4, 2024
Categoryediting & effects plugins
CreatorMurph
Stats96 installs, 11 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none