Skip to main content
Question

Flattening Stroked Icons

  • January 31, 2023
  • 5 replies
  • 6726 views

Stephen_Vasbinder

I’m sure this has been asked before, and probably doesn’t just exist as an issue with the Figma editor.

I have an icon that contains all 2px center-stroked paths, including several small dots. All looks well as a group, but once the group is flattened, the dots become basically hollow circle in appearance, but remain small dots in the vector. Pardon my ignorance, but what is causing this?


This topic has been closed for comments

5 replies

Blandine_PELAT

I had exactly the same issue!


dennsi
  • Active Member
  • 256 replies
  • January 31, 2023

Do you use Flatten or Outline Stroke?

It seems both can result in unwanted shapes, depending on the vector complexity. I’ve encountered most of the problems when strokes are applied to open Paths.
Only way to fix that was to edit the vectors in another tool like Adobe Illustrator…
Of course Figma should be able to convert such simple paths to shapes, so it is probably a bug.


Stephen_Vasbinder

Do you use Flatten or Outline Stroke?

I actually used Flatten. The primary reason is I want to continue using it throughout the Figma file with the ability to control the stroke still in tact. Flatten does this successfully for most of the icons I am using, but any icons that use small dots to get the effect, like the one you see above, create this same issue. 😩


Ira_Bolshakova

Has anyone found a solution for this? Is there a way to preserve strokes but avoid the ‘hollow circle’ effect?


Celine_D
Figmate
  • Community Support
  • 3418 replies
  • January 9, 2024

Hey, thanks for flagging it!
This looks odd, I can’t reproduce on my end. Would you mind sharing a quick video recording when you intend to flatten (please include the layer panel) and a copy of the file? If you prefer not to share publicly, please reach out directly to the support team here: https://help.figma.com/hc/en-us/requests/new They can try to replicate and have a deeper look at it. Thank you!


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings