Create CSS Clipping Path from Vector Shape

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?

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:


I hope it helps you :slight_smile:

1 Like

That’s great, thanks very much

You’re welcome :+1: