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:
Make sense or am I missing something?
I guess what confuses the heck out of me is why you can even have multiple strokes at all if you can’t change their individual weights… like what is the use case for that? I guess dashes where the gaps have a different colour… beyond that I’m kind of missing the point of why they bothered to add that to the UI in the first place if it wasn’t to also allow each stroke its own weight.
Heck, you can already treat multiple strokes like individual “layers” in that you can change their stacking order. So it’s really just a small step to add that stroke / style to each stroke. I believe the OP had a pretty reasonable mockup of how the UI would work.
Think “Appearance Palette” from Illustrator…
I just don’t understand why this wasn’t considered or added to begin with? Or was this one of those things that got lost/forgotten about in shifting priorities?
I love Figma, but REALLY miss this feature from Sketch. Any update, Figma folks, if/when this might happn? Yes pls, better parity with CSS—and this, especially. <3
Dear Figma, you are wonderful, but please, PLEASE, add this feature in stroke panel… it doesn’t make any sense that i can add two or more strokes around my shape and i can’t edit the thickness of each stroke… i work a lot in the creation of UI libraries and design systems and have stroke properties separated could be tremendously heplful for me and for everyone who work with UI elements, design kits, libraries and i suppose many many other contests… thanks in advance.
Please Figma. Please
+1000! Really, really, really need this for Focus status on UI elements
+1 Please, this is WAY overdue and needs to be added fast. I would think this is not a huge thing to implement even.
I need this so I can set the bottom edge of the stroke to be a different color than the other edges
I was quite shocked to see something like multiple funny/cute avatar cursors being implemented into Figma while this basic feature is still missing. Is it just me or do they really have their priorities mixed… Please focus on the important things and give us this feature.
3 years later and scrolling through the comments I see this feature STILL hasn’t been implemented but funny/cute avatars have? Just make it happen already Figma! Seriously.
A hacky way of using inner shadows with no blur or spread does work, but it’s hacky as hell! 😡
There is a variant of multiple contouring: you draw an object contour, then AutoLayout and draw a contour for it, then AutoLayout again with a new contour, and so on many times, it works on rectangular and circular shapes. You can even make empty spaces between the paths, making one of the paths 100% transparent.
support this to 100%. Would be a really helpful feature to have independently set stroke widths and positions of stroke layers.
1 person likes this
Where is this in the new features? 😦 It has been such a long time @Figma
1 person likes this
Wondering how many additional years we have to wait for this feature.
Yes, pretty please! 🙏🏼
Yes please. If this could behave closer to CSS that would be a HUGE win… especially being able to map a gradient to the stroke
Also, for vectors (like shapes, lines, paths, etc) if you could provide similar functionality to illustrator that would be brilliant.
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.