Skip to main content
Question

Create CSS Clipping Path from Vector Shape

  • April 25, 2022
  • 3 replies
  • 10739 views

Grant_Smith

Hello, I’m new to Figma, and hence I am exploring its many features. I wondered if Figma had a way of converting a Vector shape into a valid CSS Clipping Path. I feel this should be possible, as they are made from coordinates at their base level. But I am probably oversimplifying the matter?

JanKragh

Hi @Grant_Smith ,

I never tried it but it should be possible, you could try to:

  1. export the vector as a svg-file directly from Figma:
  2. use the file as clip-path from CSS using the `clip-path: url()" syntax

btw: You can both copy and save SVG directly from Figma:
image

image

I hope it helps you 🙂


Grant_Smith

That’s great, thanks very much


JanKragh

You’re welcome 👍


Reply


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