SVG Charts Being Imported As Clip Path Groups

Novice Figma user here, so I apologise in advance if this comes across as a silly question.

Some background: I create a lot of sales charts/graphs in Google Sheets, and then export them as SVG files. I then import them into Figma to pretty them up and use them in presentations.

For the longest time, this worked just fine. I would import the SVGs into Figma and have full control over the entirety of the file. Every bar and number and shape was its own separate object, and I could do whatever I wanted with my charts.

Of late, though, whenever I import these same SVGs into Figma, the entire graph is saved in the form of Clip Path Groups, which means individually modifying objects is a humongous pain. Here’s an example to illustrate what I mean:

So my question is, why is this happening and is there anything I can change in Figma to make it import this stuff the way it used to?

If not, is there a way to “undo” these clip path groups once I’ve imported the file into Figma?

(Also, this has happened once before, but went back to “normal” for several weeks in between before returning to the way it is now with Clip Path Groups. On both occasions, I have no idea what caused it.)

I’d appreciate any help anyone has to offer, and again I’m a very novice user, so uhhh…let’s try to keep this as simple as possible for the local idiot, haha.

Hi, a somewhat late response, but hopefully this helps a bunch of people out there who still encounter this issue as well.

You can open the .SVG file in a text editor and find-and-replace all instances of clip-path="url(#id_0) with an empty string (nothing), then import the file to Figma and it should exclude the clip paths.

I had this same problem and reached out to the developer who worked on the improvements to .SVG imports in April 2023 as I hoped that would fix it, but it didn’t. She went through great lengths to replicate the issue and explain it to me with the solution above, and put the item on their backlog.

1 Like

Coincidentally, Figma support just gave me same solution, too. Works like a charm! Thanks for making the effort to reply. Hopefully, other folks see ithis, too. :slight_smile:

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.