Back to Plugins
Hide Layer from Instances

Hide Layer from Instances

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! :)

layersinvisibleinstancehidecomponentssymbols

Plugin Preview

Hide Layer from Instances 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! :)

Plugin Details

Version3
CreatedJune 23, 2020
Last UpdatedJune 26, 2020
CategorySoftware development
CreatorManikandan
Stats447 installs, 27 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js