Back to Plugins
Layer Styles

Layer Styles

Save and apply style combinations, such as fills, corner radius, and more

fillstrokedesign systemstyles

Plugin Preview

Layer Styles preview

About this plugin

Save and apply style presets, including strokes, fills, corner radius, effects, padding, layout grids, layer opacity and blend modes.


This plugin does not store layout direction. This is to support scenarios where people want to apply a layer style to something that already has a layout. I may support this in the future, but at the moment I don't have to time to implement the feature.


Create a layer style


  1. Run Plugins > Layer Styles > Show Layer Styles
  2. Select a frame or shape with styles already applied
  3. Click the + in the bottom right of the plugin window


Apply a layer style


  1. Select the layers you would like to apply the layer style to
  2. Click on the layer style in the list to apply that style


Refresh layer styles


After you make a change to a layer style, you can update any layers which were previously applied with this layer style.


  1. Open the plugin
  2. Right-click on the layer style
  3. Click Refresh


Detaching layer styles from layers


If you no longer want a layer to be associated with a layer style you can detach it.


  1. Select the layer you want to detach the layer style from
  2. In the Properties Panel under Plugin, click "Detach Layer Style".


NOTE: Be careful not to click the minus button as this will remove the plugin command instead. If this happens by mistake, you can re-apply the style and the option to detach the layer style will appear again.


Known issues


  1. There is a bug when creating styles than use variables for the corner radius where the variable is detached

Plugin Details

Version24
CreatedNovember 11, 2020
Last UpdatedJune 20, 2025
Categorydesign-systems
CreatorGavin McFarland
Stats4511 installs, 326 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:main.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none