Toggle Spacers
by Renke Grunwald
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 con…
Installs
249
Likes
8
Users
1,265
Views
1,147
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 → Allcommand (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.
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.