Back to Plugins
Toggle Spacers

Toggle Spacers

<p>Toggle all your spacers with ease.</p><p><br></p><p>How to use this plugin:</p><p><br></p><ul><li>Create a dedicated page for your spacer components and name it <code>Spacers</code>. Make sure this page only contains your spacer components and nothing else</li><li>Use your spacers freely, even in auto layouts (they will still occupy their space when hidden)</li><li>Toggle the visibility by using the <code>Toggle Spacers → All</code> command (say via the context menu)</li></ul><p><br></p><p>If you want your spacers page to be named differently you may use the the <code>Toggle Spacers → Select Page</code> command to select a different page containing your spacers.</p><p><br></p><p>While similar plugins hide the actual instances of your spacer components, this plugin actually changes the components itself. This means that either all or no spacers will be visible at any given time.</p><p><br></p><p>The code for this plugin can be found at <a href="https://github.com/renke/figma-plugin-toggle-spacers" rel="noreferrer noopener nofollow ugc" target="_blank">GitHub</a>. Feel free to open an issue if you encounter any problems or have suggestions on how to improve the plugin.</p>

showmarginauto layouttogglevisiblespacerhide

Plugin Preview

Toggle Spacers preview

About this plugin

Toggle all your spacers with ease.


How to use this plugin:


  • Create a dedicated page for your spacer components and name it Spacers. Make sure this page only contains your spacer components and nothing else
  • Use your spacers freely, even in auto layouts (they will still occupy their space when hidden)
  • Toggle the visibility by using the Toggle Spacers → All command (say via the context menu)


If you want your spacers page to be named differently you may use the the Toggle Spacers → Select Page command to select a different page containing your spacers.


While similar plugins hide the actual instances of your spacer components, this plugin actually changes the components itself. This means that either all or no spacers will be visible at any given time.


The code for this plugin can be found at GitHub. Feel free to open an issue if you encounter any problems or have suggestions on how to improve the plugin.

Plugin Details

Version1
CreatedJune 19, 2022
Last UpdatedJune 19, 2022
CategorySoftware development
CreatorRenke Grunwald
Stats243 installs, 8 likes
PricingFree

Technical Details

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