Custom SVG not working

Hi there, the custom SVG function does not seem to be working for me. I have an image that is 16:9 ratio, and I have made a similar SVG in Figma. However, the SVG does not seem to render properly in the clipper.

I've attached a copy of the SVG, properties of the image I am clipping, and how it looked in the viewer (as well as after being clipped).

vector.svg499B

AtomicZBRA•2/3/24, 1:56 PM

Hey @Caerus I dont think you attached the view after it's been clipped in the designer, I just tried this out with your svg and it's looking okay but I'd be curious to see how it's rendering for you!

CaerusOP•2/3/24, 1:59 PM

@AtomicZBRA here you go! It doesn't render correctly either

AtomicZBRA•2/3/24, 2:07 PM

gotcha i see what you're saying

AtomicZBRA•2/3/24, 2:08 PM

let me play around a bit see if i can get it

CaerusOP•2/3/24, 2:08 PM

Thank you for your help!

AtomicZBRA•2/3/24, 4:03 PM

Alright so I think this has been an issue in the past and I thought there was an update for the app but I'm getting the same problem as you, I do have a work around though if you're up for it! And then when web bae is back from his vacay I'll talk to him more about the issue!

AtomicZBRA•2/3/24, 5:52 PM

Basically for the element you're trying to clip, after you applied the clipping path from clip path bae,

click the element you're applying it to and navigate over to where the custom attributes would be in the settings panel (press d),
from there you'll see there's a new custom attribute that the app put's on it called style, and the value will be something like clip-path: somefileid
delete what's in the value field and paste this instead:

this is just applying the clip-path manually, instead of linking to the other svg that the app creates. (you'll also be able to delete that svg)

Let me know if this works out, or if you'd I can create a loom going through the process

CaerusOP•2/4/24, 1:37 AM

Yeap that works. Thank you for your help!

AAtomicZBRA Basically for the element you're trying to clip, after you applied the clipping ...

CaerusOP•2/4/24, 1:42 AM

May I ask how do you retrieve these values? I seem to be getting a different set of values when I click "copy as SVG" from the Figma board. Sorry I'm not very versed in SVG!

CaerusOP•2/4/24, 1:47 AM

Oh nevermind! I found a clip path generator online and managed to get the set of codes. Thanks again!

AtomicZBRA•2/4/24, 2:35 AM

Yeah that’s exactly what I did haha, glad you got it working. I did see a thread where Keegan encountered this before but not sure how he fixed it