Figma
Can Figma Convert a PNG to SVG? Yes, With Vectorize, and Where It Stops
Yes. Since February 2026 Figma has a built-in Vectorize command that turns a raster image on the canvas into editable vector layers, and from there a normal SVG export gives you the file. This page says what the command does according to Figma’s own documentation, where it stops, and when a trace plugin is the better fit. Facts were checked on Figma’s help pages on 2026-11-10.
What Figma does natively
Figma announced Vectorize on 4 February 2026 (Figma blog). The Figma help article describes it as converting a raster image into editable vector layers, with hand-drawn symbols, lettering and illustrations as its examples. The steps in Figma Design, Draw and Slides:
- Select the image layer.
- In the secondary toolbar choose More, then Vectorize. Figma says processing takes a few seconds, depending on how complex the image is.
- Refine the result with the Recolor settings: Full color (with a Number of colors setting), Grayscale (Number of grays) or Black and white (a Threshold setting).
- Click the checkmark in the secondary toolbar to keep it.
The output is vector layers, so the next step is the usual one: select them and export as SVG from the Export section of the properties panel.
Where it stops
- Plans and seats. Figma’s pages do not agree word for word on who gets the command (the help article lists plans and requires edit access to the file; the launch post names full seats on paid plans with AI enabled). Check your own account before you plan a workflow around it.
- Credits. Vectorize uses the shared Figma AI credit system. The help article does not say how many credits one run costs.
- Difficult images. Figma says complex or low-resolution images may not vectorize well, and suggests Remove background or Boost resolution first.
- No stated limits. The help article gives no image size or format limits, so test a representative file instead of assuming.
Options at a glance
| Route | What it is | Check before you rely on it |
|---|---|---|
| Vectorize (built in) | Select the image, More, Vectorize, set Recolor, accept | Plan and seat, AI credits, result on your own image |
| A trace plugin | A plugin from the Community that reads the selection and returns vector layers | Colour control, limits, whether it needs an account |
| Outside Figma | Any vector editor or converter that accepts a PNG and writes SVG, then paste or import the SVG | An extra round trip for every change |
Which route for which image
| Image | Sensible first try |
|---|---|
| Flat logo or icon, few colours, clean edges | Either Vectorize or a trace plugin; compare the two on the same file and keep the cleaner outline |
| Hand-drawn symbol, lettering, sketch | Vectorize: these are Figma’s own examples. Use Black and white with the Threshold setting for ink drawings |
| Small or blurry PNG | Fix the input first (Figma’s Boost resolution), then trace. Tracing amplifies blur into wobbly edges |
| Photograph | Neither is a good match. A photo has no flat regions, so any tracer must cut it down to a few colours and the result looks posterised. Keep photos as images |
The step-by-step cleanup of a traced logo (colour count, edges, flatten, export) is in Figma trace image: from raster logo to editable vectors.
Where Tracepen fits
Tracepen is a Figma plugin for exactly this job. Use selection takes the selected layer as the image to trace, and Add to design puts the result into the file as real vector layers at the centre of your viewport, not as an image. You pick the colour count and can untick colour layers (for example a background) before adding. It has a free tier with a limit on colours per export and Pro beyond it, and it asks you to sign in with a 3dshouse account when you first add a result. Reasons to choose it over Vectorize are practical: your plan or seat does not include Vectorize, or you want to control the colour layers yourself. Details are on the Tracepen for Figma page, and this comparison lists the image-to-vector plugins side by side.
After Vectorize: check before you send the SVG
Vectorize gives you layers, not a finished asset. A short check before the file leaves your hands:
- Zoom in to 400 percent and look at corners, thin lines and the small holes in letters. These are where a conversion shows its limits first.
- Count the colours. If you chose Full color, the Number of colors setting decides how many flat colours remain. A logo that has two colours in the brand guide should have two here.
- Merge what belongs together. Flatten (Alt+Shift+F on Windows, Option+Shift+F on Mac) merges a selection into a single vector layer. Figma documents it as a destructive action that cannot be separated again, with undo and version history as the way back (Flatten layers), so keep a copy first.
- Outline any stroke with Outline stroke (Ctrl+Alt+O on Windows, Command+Option+O on Mac) if the receiver needs filled shapes. After outlining, the stroke properties cannot be changed (Convert strokes to vector paths).
- Look at the export settings. Figma’s export page documents Outline text (text layers become glyphs, so the lettering cannot be edited afterwards) and Simplify stroke (on by default for vector networks with an inside or outside stroke).
Short answer
Figma can convert a PNG to editable vectors natively, then export SVG. Test it on your own file, read the plan and credit notes, and keep a trace plugin as the second option for logos and icons.
