Skip to main content
Jared_Rice
February 28, 2021
Solved

Fix Outline Stroke

  • February 28, 2021
  • 103 replies
  • 38235 views

I know this was an issue on the old Spectrum forum that doesn’t seem to have any ground here, and it still is an issue.

See quick video with imported complex vectors and a simple heart made in Figma.

Any idea when this bug will be addressed? Dropping it into Illustrator is not an appropriate solution.

This topic has been closed for replies.
Best answer by djv

Hey All,

This is a long standing bug that our engineers have been continuously logging and trying to fix. This generally only happens on icons imported from other apps, where the mirroring on the points is reversed or missing.

Right now, the best workaround is to rebuild affected icons from scratch. Please note that redrawing with fewer points can also help.

While we can’t guarantee an ETA on a fix/improvements, please know that our team follows this thread and takes everything you provide into consideration.

103 replies

Adzetko_Hohengarten
January 16, 2024

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:


Sebastian_Gallego
January 16, 2024

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

Tamir_Pomerantz
January 23, 2024

Keep this thing alive

alejandro_mateus
January 29, 2024

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

Sebastian_Gallego
February 7, 2024

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

Airwrecka
New Participant
February 16, 2024

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

Remy_B
New Participant
March 13, 2024

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!

Markus_Girlinger
New Member
March 14, 2024

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.

Daniil_Pronin
March 26, 2024

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

April 2, 2024

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.

Figma

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~ 💜