Skip to main content
sebastien.giroux
Active Member
Mar 19, 2021 1:03 PM UTC

Multiple independent strokes

You can currently set multiple stroke colours to an object, but they will share the same properties (thickness, position, etc.).

My idea is that you should be able to set all stroke properties on each stroke:

image

Make sense or am I missing something?

115 replies

Luciano1
Jul 24, 2023 1:02 AM UTC

Can’t believe they still don’t add this feature!

Nick_Hogendoorn
Jul 25, 2023 9:54 AM UTC

Also need this feature, thought might add to this topic since it is still not here…

Unknown_User
Aug 19, 2023 10:04 AM UTC

This is much needed to support focussed states

Aug 24, 2023 5:23 PM UTC

+1 This would be huge. Sure, you can use inner shadow or a drop shadow. But in making multiple states using Variants, I want to be able to set a second stroke as a Boolean property.

For example, I am making inputs for our design system currently. Instead of making a focus state for default, active, hover, disabled and error, I would LOVE to be able to just set a focus state as a Boolean that you can turn on and off. But alas, effects cannot be set as Boolean properties.

Dogukan_Yazici
Aug 26, 2023 12:04 PM UTC

I think they are not going to add this feature 😕

patrickloonstra
Sep 12, 2023 9:15 AM UTC

Even Sketch has it years and years ago.
I bet the product team know about it, but made a deliberate decision to not have it in Figma. Although, technicaly and design wise it is not a huge thing to build.

recepkutuk
New Participant
Sep 24, 2023 6:27 PM UTC

There may be limitations for this feature, based on the capability of svg format. However, in late 2023, I believe we’re entitled to expect every css-based feature as well from Figma…

Oct 4, 2023 11:34 AM UTC

The ability to add multiple strokes to text, shapes and frames could be game changing for many areas of design. At the moment you can add multiple strokes of different colours but they can’t have their own properties such as weights, orientation etc.

The ability to have, for example, a circle with a white inside stroke at 4px and also a black outer stroke of 6px - making an overall stroke of 10px but two different colours.

d0n
Nov 30, 2023 8:42 AM UTC

I’d greatly appreciate having the ability to set border colors individually for each side.

Jurrien
Nov 30, 2023 8:45 AM UTC

Also waiting (inpatiently) for this.