How to Vectorize an Image in Figma — Auto-Trace, PNG to SVG & Why You Need a Plugin

“I want to turn this photo or logo into editable vectors.” “I need to convert a PNG to SVG.” “Does Figma even have a vectorize button?” Vectorizing trips people up in Figma for one reason: “vectorize” actually means more than one thing. Do you want to convert a raster image (a photo or PNG) into editable paths, or export a vector that already lives in Figma as an SVG? Which one you mean completely changes the feature you reach for.

And the first one — auto-tracing a raster image into vector paths — can’t be done with Figma’s built-in features alone. This guide separates the cases, walks through each, and explains why auto-tracing needs a plugin or an external app. It closes with how to keep vectors and paths intact when your file comes from an Adobe XD migration.

What you’ll get from this article

• How to tell the main “vectorize” cases apart (auto-trace, SVG export, PNG to SVG)
• Why auto-tracing a raster image needs a plugin or external app, and when to use each
• How to export an existing Figma vector as SVG correctly
• How to read the “PNG to SVG” request and pick the right path
• How to keep vectors and paths intact through an XD → Figma migration

🗺️ Which “vectorize” do you actually need?

Searching for “vectorize” lands different people on completely different operations. Start by pinning down which case is yours.

The key point: “vectorize” splits into two families — tracing a raster into paths, and exporting a vector that already exists as SVG. The common mix-up is wanting to “turn a photo into SVG”: if the contents are raster (a photo or screenshot), changing the file extension alone won’t produce editable vectors. Let’s take them in order.

🪄 Auto-tracing a raster image needs a plugin / external app

This is where most people are headed. You want to turn a photo or logo PNG / JPG into editable vector paths (shapes you can reshape with anchor points) — and that auto-trace can’t be done with Figma’s built-in features alone. Figma treats an image as a raster (a grid of pixels) and has no built-in step that detects outlines and redraws them as paths.

To vectorize a raster image, you have two options:

• Use a vectorize (image trace) plugin: Figma Community has several plugins that analyze an image and convert it into vector paths. Select the image, run the plugin, and it generates traced paths. Handy when you want to stay inside Figma.
• Trace it externally, then bring it in: Vectorize with an external tool such as Adobe Illustrator’s Image Trace, then place or paste the resulting SVG into Figma. When you need fine control over path simplification or color count, this gives you a cleaner result.

📤 Export a Figma vector as SVG (built-in)

The reverse — you already have a shape or icon (a vector) in Figma and want to export it as SVG — is fully built in. This is the standard move when you want to use an icon or logo in another tool or on the web.

1. Select the shape or frame you want to export.
2. In the Export section at the bottom of the right panel, click ”+” and set the format to SVG.
3. Click Export to save it as an SVG file.

For exporting many icons as SVG / PNG at once, the efficient workflow is covered in How to export images from Figma.

🔁 Sorting out “PNG to SVG”

“Convert PNG to SVG” is one of the most common searches, but the answer depends on what’s inside the PNG. Skip this distinction and you’ll keep missing the result you wanted.

• A PNG that came from a vector (something drawn in Figma or Illustrator and exported as PNG): if the original lives in Figma, don’t convert the PNG — select the original vector and export it as SVG (the previous section).
• A pure raster PNG (a photo, a screenshot): there’s no shape information, so producing an SVG requires auto-tracing (the plugin / Illustrator from the first section). The trace is an approximation of the original, and photos degrade especially badly.

🔄 Vectors and paths from an XD migration

If your file comes from Adobe XD, vectors need one more bit of care. Vector shapes and paths built in XD need to migrate to Figma with their path structure intact. When that breaks, shapes can turn into a flattened image (raster) after migration, or paths can collapse so they’re no longer editable. Once something becomes a raster, making it editable again requires the auto-trace above — and quality drops.

• Vector shapes and paths need to be rebuilt as Figma’s vector networks.
• Icons and logos that migrate with their paths intact stay ready for SVG export and editing on the Figma side.

For the record, Pixel Fine Converter doesn’t auto-trace images — it converts the shapes and paths you already built as vectors in XD into Figma’s structure as-is. By cutting out the work of redrawing each one by hand, it helps prevent the kind of vector-to-raster accident that happens during migration. For the whole migration workflow, see the XD → Figma migration playbook; for the details of shape and path conversion, see Convert XD shapes to Figma.

💬 FAQ

Q: Can I vectorize an image in Figma?

Not with built-in features alone — Figma can’t auto-convert a raster image (a photo or PNG) into vector paths. Use a vectorize (image trace) plugin, or trace it in an external app like Illustrator and bring the SVG in. If the shape already exists in Figma, exporting it as SVG is built in.

Q: How do I convert a PNG to SVG?

It depends on what’s inside the PNG. If it came from a vector you drew in Figma or Illustrator, don’t convert the PNG — export the original vector as SVG instead. If it’s a pure raster (a photo or screenshot), you need to auto-trace it to get an approximate vector.

Q: How do I cleanly vectorize a logo PNG?

If you still have the source (an AI file or Figma paths), exporting an SVG from there is the cleanest result. If all you have is the PNG, approximate it with Illustrator’s Image Trace or a Figma trace plugin. Logos with crisp edges trace well.

Q: How do I save a Figma icon as SVG?

Select the shape, set the format to SVG in the right-panel Export section, and export. As long as the target is a vector, you get an editable SVG. For many at once, batch export is the way to go.

Q: My XD vectors turned into a raster image after migrating to Figma.

That happens when XD’s path structure didn’t carry over correctly. Use a migration-focused converter that preserves vector and path structure, or redraw them after migrating. Once something is rasterized, the original editability doesn’t come back.

🎯 Recap

The trick to “vectorizing” in Figma is to first sort out which thing you actually want. Three takeaways:

“Raster into paths” means tracing; “an existing vector out” means SVG export — get that distinction down and Figma vectorizing stops being confusing. And if your file started life in Adobe XD, migrating with vector and path structure intact is the surest way to avoid rasterization.

Related pages

• Convert XD shapes to Figma — the details of shape and path conversion
• How to export images from Figma — export SVG / PNG in bulk
• XD → Figma migration playbook — the whole migration workflow
• How to remove a background in Figma — another common image gotcha
• How to Mask in Figma — crop images with shapes or text