Guide · 3 min read
Vectorize an image in Figma, or bring in an SVG.
Figma's Vectorize turns a picture into vector layers. Or convert it first and paste a clean SVG: every part stays one shape you can edit.
Drop an image here
PNG, JPG, WebP, AVIF, GIF, BMP, TIFF or SVG · Up to 10 MB
In Figma
Can Figma vectorize an image?
Figma's help lists it on the Starter, Professional, Education, Organization and Enterprise plans, for anyone who can edit the file, and warns that complex or low-resolution images may not vectorize well.
- Inside FigmaVectorize
- Select an image, then More, then Vectorize
- Full color, grays, or black and white
- Spends Figma AI credits
- Figma's own warning: complex or low-resolution images may not vectorize well
- Before FigmaPaste a clean SVG
- Drop the picture on VecSnap, then Copy SVG
- Paste it on the canvas, as layers
- Few anchor points, each part one shape
- Converting and previewing are free
Importing
How do I import an SVG into Figma?
Drag and drop
- How
- Drag the .svg file from your computer onto the canvas
- Good for
- A file you have saved
Place image
- How
- File menu, then Place image, then pick the file
- Good for
- Placing it where you click
Paste
- How
- Copy the SVG's code, then paste on the canvas
- Good for
- A file you copied, no download
Easy to edit
What makes an SVG easy to edit in Figma?
Up close, the same mark as potrace traced it and as VecSnap drew it: every anchor point you would edit.
From a picture
How do I turn a PNG into an SVG for Figma?
More guides
Keep reading
Favicon size and format
Sizes, formats and the HTML, shown on one icon in a tab, a search result and a home screen.
Guide · 5 min read
What is an SVG file?
What the format is, and how to open, make and edit one, on a real file read line by line.
Guide · 4 min read
What is a vector file?
What one is, its formats, and how to tell a real one from pixels.
Guide · 3 min read
Image Trace in Illustrator, step by step
The steps, the settings and Expand, and what to do when Image Trace is grayed out.
Guide · 3 min read
How to change a logo's color
Change a logo's colors, make a white or a black version, and why a recolored PNG grows a halo.
Guide · 4 min read
How to fix a pixelated logo
Why a logo pixelates, the pixels each place asks for, and the fixes, shown on one small JPEG.
Guide · 5 min read
SVG viewBox, width and height
The viewBox, width and height, a responsive SVG, and why yours will not scale, shown on one file.
Guide · 4 min read
SVG vs PNG
Which format each job needs, shown on one drawing saved both ways.
Guide · 3 min read
How to change an SVG's color
Recolor an SVG in its text, with CSS or currentColor, and why one in an img tag will not change.
Guide · 4 min read
How to add a sticker border
A white edge and a smooth cut line, in Cricut, Illustrator, Inkscape or one step.
Guide · 5 min read
Inkscape Trace Bitmap, step by step
The steps, the modes and the settings, and what Trace Bitmap leaves on a real PNG.
Guide · 4 min read
How to vectorize an image in Photoshop
Make Work Path, color by color, and where it stops: what Photoshop can vectorize.
Guide · 4 min read
SVG vs EPS
What differs, which to send a printer, and one logo opened both ways.
Guide · 3 min read
How to vectorize an image in Canva
Canva's own apps, why a PNG saved as an SVG stays pixels, and an SVG you can recolor in Canva.
Guide · 4 min read
How to turn a Procreate drawing into a vector
Procreate shares no vector file: export the PNG that converts best, and draw for it.
Guide · 2 min read
How to make an SVG for Cricut
Why Design Space wants an SVG, and how to make one with a layer for each color.
Guide · 4 min read
Image Trace in Affinity, step by step
The steps, the two settings, where it is, and why traced corners come out round.
Guide · 4 min read
How to make an SVG for laser cutting
Why a traced SVG engraves some areas twice, and the file each laser app wants.
Guide · 5 min read
How to reduce anchor points
Why a traced SVG has thousands, what they cost, and how to keep only the few a shape needs.
Guide · 2 min read