Skip to main content

Figma slots not working well with nested Component boolean property

  • April 7, 2026
  • 1 reply
  • 130 views
Nguyen_D

I’m having some problems with Figma slots as it seems to not fully support nested component Boolean properties.

The situation is that I have componentA with slot and componentB with slot, then nest componentA instance inside componentB’s slot. The issues happen when I try to work with the elements inside the slot of componentA instance. The layer panel looks like below.
 

 

Here are the issues:

  1. Boolean property doesn’t support all elements inside instance slots. Only the component instances support it, the texts & frame don’t.
  2. Value of boolean properties doesn’t effect the elements. E.g. when the value is false, the element is not hidden. Also, detaching property from the elements doesn’t work.
  3. Boolean properties are listed for Component B but say they’re not used within. However, deleting the properties will also detach them from the elements. This means that boolean properties for the elements are recognized by the main component, just not correctly.
  4. The instances of Component B will not list these boolean properties.

This screen recording will help you understand better: Screen Recording.

I know Slots are new and may have bugs as it’s still Beta. I’m not sure if this is because I’m using Slots or Boolean properties the wrong way. But if it’s bugs, I’m glad to help improve.

    1 reply

    Karen_Beal
    • Karen_Beal
    • Active Member
    • April 21, 2026

    I’m having a similar issue. Not sure if it is the same as yours. I have a card component with a slot which has an auto layout with a button and an optional link as a nested component. If I add the boolean propertly to a component for the button and link, I can individually turn off the button or the link in the main component. But, I can’t set the autolayout in the slot to have a boolean property to hide the button and the link together. When I try to apply to the appearance panel it the boolean property is greyed out. 

    I think perhaps slots are not really the right approach for the component I am making. Or maybe I need to place the links nested component outside the slot. Just tried that and it works, so in other words if you have an element inside a slot you can’t give it a boolean property, it seems?

    Terms & ConditionsCookie settingsAccessibility statement