Solution for outline with objects with absolute positioning

Hi Community,
I’m designing a component using the new Figma properties of boolean etc.
I came across a problem that I’m having trouble solving, not sure if there is a way to do it.

I want to have a variant with an outline, and if I leave dot=true it will show the outline, but when using the absolute position option the content is not adapted.

I sketched out the scenarios, in option one it would be the ideal model, in option 2 it could be a palliative.


Create an object of the shape you need using boolean union operation and wrap it in a frame. Set this frame to an absolute position. Also set the correct constraints and apply the boolean property to the object in the union.

Thanks for the feedback, see the result.
Do you recommend any layered optimization etc?

I don’t know what other recommendations can be given when you created a component according to my example. I can only suggest considering the possibility of making separate shape components (rounded, squared, etc.), inserting an instance of one of them into a component with an icon. This way you will reduce the number of variants of the component with the icon, because you have excluded the variants of the other shape.

In general, you need to independently consider the various methods and choose the best ones for you.

1 Like