January 19, 2023, 11:22pm
I have an Accordion component and would like it to have a border of
1px solid lightblue on all sides, and a thicker border-left of
4px solid darkblue.
How can I achieve this in Figma?
How can I set different thicknesses and different colours on the borders of an object?
January 19, 2023, 11:32pm
The feature allows me to specify the border thickness for a specific edge, which is great.
In my case I need to specify 2 border properties:
The thick 4px on the left
The thin 1px all around
And I need them to be in different colours.
This is the intended result (currently achieved with grouping, but I would like to keep the component only one object instead of adding a layer only for a border)
January 19, 2023, 11:51pm
Got it. You’d have to create two frames. One frame with the full border and white fill, and one frame with the side stroke and no fill. Move the full bordered frame into the other frame so that it layers properly.
January 20, 2023, 12:35am
I guess there is no way to achieve this by styling ONE element.
Seems like applying different styles to the border of the same element is impossible in Figma.