Back to Plugins
Spacer Toggle

Spacer Toggle

Quickly toggle the visibility of spacer component instances using opacity instead of show/hide.

paddingvisibilityoffinvisibleopacityspacetogglevisibleturn offspacershortcutson

Plugin Preview

Spacer Toggle preview

About this plugin

This is specifically built for designers using spacer components to replace padding in auto layout frames. Where show/hide removes the spacers entirely, opacity retains the layout, letting designers and developers show and hide spacer colors/labels as needed.


This plugin will only affect instances of component sets with "~spacer" included in the name. You must also create a variant property named "Visible" with "On" and "Off" values. Set "On" to 100% opacity and "Off" to 0% opacity.


Note: Names are case sensitive!


Hot tip: Mac users can bind the plugin to an App Shortcut in System Preferences for quick access. I like to use control + F (as it's right next to the grid shortcut).

Plugin Details

Version2
CreatedJune 16, 2022
Last UpdatedDecember 13, 2022
CategoryUncategorized
CreatorKylie LaCour
Stats1303 installs, 58 likes
PricingFree

Technical Details

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

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.