Hide Layer from Instances
by Aarthi Videep
Iterations always demand new additions to components. All of us have encountered cases where we need to add something to a component but don’t want that to sho…
Installs
483
Likes
30
Users
720
Views
4,228
Preview
About this plugin
Iterations always demand new additions to components. All of us have encountered cases where we need to add something to a component but don’t want that to show up in all the hundreds and thousands of existing instances. We finally end up creating a new component so that the existing work is not affected. This plugin solves this issue with a single click.
Follow these steps to hide a particular layer from all component instances
• Select the layer/group/frame that you want to hide from one of the instances of a component
• Select Hide Layers from Instances -> Hide
• The selected layer/group/frame will be hidden from all instances in the current page
Use the Force Hide option if the layer that you want to hide is part of a component that is nested in multiple other components and you want to hide the layer in all of them at once.
Eg.: If you want to hide a layer in an icon component that is already used in various other components like different state and sizes of buttons, then Hide option will just hide the layer in the selected state or size of the button. Whereas Force Hide will hide the layer in all the instances of all the components that this icon is used.
This plugin works only on instances and not on components
CAUTION: When using the Force Hide option. ensure that the name of the layer you are hiding is unique. If not, multiple layers may get hidden.
Feels too small a feature for a plugin? There is also a Scripter File for this that you can use. https://www.figma.com/community/file/858014268242545394/Hide-Layers-from-Instances
Do let us know if you want any additional features. We'll try adding it. Cheers! :)
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.