Skip to main content
Solved

Why when I import SVG, it turns into an image not a vector?


Nicole_Veigas

When I import an SVG from Photoshop into Figma (either by dragging it into Figma or “place image”), it doesn’t import as a vector it becomes an image. I want the SVG to be a vector. Is this happening because I’m saving it incorrectly in Photoshop or because I am importing it incorrectly?

Best answer by Gleb

You are probably saving a raster image embedded into the SVG format.

View original
This topic has been closed for replies.

7 replies

Gleb
  • Power Member
  • 4708 replies
  • Answer
  • May 5, 2021

You are probably saving a raster image embedded into the SVG format.


Nicole_Veigas

okay, thank you!


Kate_Aid
  • 3 replies
  • July 22, 2022

Could you please explain the raster problem further? Does the color format matter? I am having the same issue (SVG files appear in Figma as an image within a frame, not as a vector) with SVGs from multiple sources.


Gleb
  • Power Member
  • 4708 replies
  • July 27, 2022

SVG is a container format that may contain multiple things:

  • Vector paths
  • Vector shapes
  • Text
  • Raster images

If you save a raster image (like a photo from Photoshop for example) as SVG, it doesn’t automatically become a vector image. It simply becomes a raster image contained within the SVG file. Thus upon importing into Figma, it simply becomes what it is: a raster image in a frame.


Kate_Aid
  • 3 replies
  • July 27, 2022

Thank you, @Gleb! That’s the clearest explanation I’ve had and exactly fits what I’m seeing. I’m working with a flat logo image, but it did come to me as a PNG, so I’m now exploring if there are other ways Photoshop can convert/vectorize it into a true SVG.


Gleb
  • Power Member
  • 4708 replies
  • July 27, 2022

This can be done in Illustrator or in Figma itself with the help of plugins. Search for “trace” or “vectorize” and you will find lots of options.


Kate_Aid
  • 3 replies
  • July 27, 2022

I don’t have Illustrator, so it’s great to know this can be done in Figma. Thank you again for your help!


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