Skip to main content

Currently, if I try to use a vector image as a fill, Figma tells me that it can’t use vector images as fills. Can that be changed?

Hey @Thomas_Nabelek, thanks for the feedback!


This isn’t on our immediate roadmap, but we’ll pass it onto our team for future consideration.


Yep, it’s super frustrating—CSS can apply background-image: url() with SVG, and even mask-image for advanced effects, but Figma forces rasterization. 😤

It’s a weird limitation, especially since Figma is vector-first. You should be able to apply an SVG as a fill without needing crazy workarounds.


Please work on this, it’s one of my top bugbears because it’s easier to work with SVGs rather than PNGs when you’re dealing with variable colour schemes (mostly because of the flexibility of SVGs re:colour, and file size), and obviously my developer prefers SVGs to pngs, but figma limits my implementation.

When I’m working with a layered site I don’t want to make the background images PNGs OR absolute position them the whole time, which feels so messy when I know my developer can background image them.


Reply