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:
- Boolean property doesn’t support all elements inside instance slots. Only the component instances support it, the texts & frame don’t.
- 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.
- 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.
- 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.