Fix Outline Stroke

This so frustrating. Either fix the feature or remove it.

let’s keep this thread alive

Sorry to hear that. Figma often created some extra points for me to, but I had no issues with it.

I’ll do a test if you could send me the SVG-code. It doesn’t look to complex.

guys just deselect the simple stroke option when exporting the svg in the three dots page. idk why its automatically selected either.

How do you get these options they don’t appear for me

the options only appear if u actually have a stroke in place already. not sure what the other options are.

I found the logic behind it and, therefore, a sloppy solution.
Figma needs a higher resolution to Outline the Stroke.
Making it HUGE(ex 5000px x 5000px) and then converting the stroke into a path has been working for me.

you are right, I just tried and it worked perfectly, I increased the size of the icon and then converted. Thanks

I frequently encounter this problem with strokes set to “middle” or “inside”.
I can’t really figure out an universal way of preventing those crazy straight lines, sometimes deleting them manually does the trick, sometimes it destroyed the whole outlined path. Scaling helps, but sometimes isn’t enough.
I’ll leave you with a case from this morning, took me 30 minutes to do something that should work with a click:

Having the same issue with no matter how simple the lines are. It feels it gets worse when adobe bough it

Keep this thing alive

Maybe it’s not the best but it works for me, I converted the icon in outlines in this web and then I used it in Figma, I hope it works for you.

https://iconly.io/tools/svg-convert-stroke-to-fill

How can this still not be addressed ? 2024 and I STILL HAVE THE SAME ISSUE. with simple shapes.

This bug is bugging me! Found no other workaround than simply NOT use the “outline stroke” action in Figma. I have to do it in Illustrator beforehand 😦

Update: I have found out that you can resize vector images in Figma (press the “K” key). The outline changes proportionally to the size of the vector image. So I no longer have to convert vectors in Figma and the bug no longer bugs me. :D:D:D

Unfortuately this issue is still an issue. The workaround by upscaling it 100x and then outlining the strokes works. But quite tedious. Just keeping this post alive!

This long lasting bug is so frustrating. We spent hours over hours looking for a solution or a workaround. Not even the upscaling to 100x is helping. We have to copy every icon to Illustrator to have it outlined.

I just use InkScape when Figma cannot do some vector thing.

A tad bit tedious, but I found a SOLUTION using two free plugins that works with intercrossing strokes and actually flattens the shape properly. Not sure if anyone found this or a better solution, though, there’s no way I’ll read all of that above.

The example path I’m using is so complex using “Outline Stroke” doesn’t just tangle the shape, it straight up makes it disappear. Here’s the workaround.

First, separate the path to segments with the plugin “Split Vectors” by our first king Neil Akhmetov. This will create a crap ton of simple lines that can handle the conversion.

WARNING! If your shape is as complex as mine, be sure to flatten them in smaller segments before flattening the whole thing to avoid tangling up the shapes or making it disappear.

There you go! Not the most ideal solution, but we work with what we have. You are most welcome to worship me now. Comment if you stumble upon an issue while using this method, though, maybe there is something I’m missing. Good luck, people~ 💜

Maybe try to put all objects in an auto-layout, and select all of them when doing the steps. If some fail, take them out and do them seperately.

This works for some. The method doesn’t involve third party plugins:

Any news? I’m working with a design system and there’s a shit ton of icons I need to flatten. Why does this have to be so complex?

Still an issue…

Lol, if the feature doesn’t work then don’t keep it in the build. Can’t even convert this basic shape…