Skip to main content

Hi everyone,


I’m new to Figma and I’m encountering a problem with an SVG file I imported from Canva. Some of the circles in my project appear to be cut off and are no longer complete circles. Although Figma recognizes these shapes as circles, I’m unable to fill in the missing parts with color.


Interestingly, some of the circles are displayed correctly and are complete.


Here’s what I’m seeing:




  1. This is how some of the circles look in Figma.

    Cut off 2


    Cut off 3




  2. Here you can see Figma recognizes the circles.

    Cut off




Does anyone know how I can fix this issue or work around it? Any advice would be greatly appreciated!


Thanks in advance!

Hi @lenny1


It seems that some circles are cropped within the group borders. It would be really helpful if you shared a link with the same icons that I could look at.


For instance, you can turn this “Group” into a “Frame”, just click on the “Group” option on the top of the right side panel, and change it to “Frame”.


After doing this, remove the option “Clip Content” that will appear in the “Frame” section.


Also, you can try to detach the components, and explode all frames/groups until you have clean SVG, or just select the desired part of the SVG and copy it outside the frames/groups.


Good luck.

Hi @Eldurini


Thank you so much for your help! I followed your advice and turned the “Group” into a “Frame.” However, I found that I needed to keep “Clip Content” enabled for the circles to display correctly.


After making this change, the problem was solved, and the circles are now showing up as expected.


Thanks again for your guidance - I really appreciate it!

Reply


Terms & ConditionsCookie settings