Vector image as fill

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.

is there any work around? other than converting to a png?

This would be a huge benefit for quality and consistency as well as having a single source of truth!