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.
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.
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!
