Skip to main content
IraX
Power Member
December 6, 2021

Allow SVG as Image Fill

  • December 6, 2021
  • 13 replies
  • 13818 views

I have a few SVG shapes as part of the branding for a project I am working on. I’m in the process of building out a component library and for the primary CTAs, one of the shapes will be the background for the CTA.

image

That white background would typically be a solid fill with border radius, and using Auto Layout would be able to grow and shrink based on the label overrides per instance.

However, I am unable to get an SVG working as the frame’s fill. It does allow me to “Choose image” and select the SVG but it never displays. From the docs, there is no mention of using SVG for this, as opposed to PNG, JPG, etc, and I don’t see why we can’t use an SVG as a fill.

13 replies

Red_Efectiva_Design
New Member
January 23, 2026

2026 and we still cannot use svg as image fill :(

Mark de Ruiter
New Member
April 3, 2026

Same here! Please put more effort on this.
All that fancy AI stuff is nice but don’t forget about the useful basics ;-)

Olivia Cookfair
New Member
May 29, 2026

Does anyone have a workaround for this yet? I have a wavey shape as the background for my website modules vs straight rectangle and would love to add it to the auto layout properties but I don’t want to put it in as a PNG and lose the vector-ness of it.