How do I vectorize an image and import the SVG into Canva, Figma or Inkscape?

Updated on 6 October 2026

Trace the image in the Homotope workshop, download it as an SVG (or copy the SVG), then import that file into Canva, Figma or Inkscape: SVG is the vector format all three can read, and downloading it is free, with no account.

JPG · 400 × 400 px

Engine SVG

400 × 400 px compressed JPEG logo and the SVG produced by the engine, Logo preset alone, 5 colours, untouched: the JPEG artefacts are gone, the ring stays a circle and the star keeps its straight edges.

×6 detail: the tip of the orange band against the white rim: JPEG halo and blocks, clean SVG edge. Drag the slider to compare; hover over the image or hold your finger on it to move the magnifier.

Try it with your image Open this example in the workshop

The steps

Drop your image into the workshop and pick a preset: Logo for flat colours and sharp corners, Illustration for a richer drawing.
If needed, set “Number of colours” in “Advanced”: fewer colours means fewer shapes to handle afterwards.
In the “Export” panel, click “Download” for the SVG file, or “Copy SVG” to paste it straight into software that accepts pasted SVG.
Import the file into your software; each colour area arrives as a separate shape you can recolour or delete.

Nothing leaves your computer: see vectorize without uploading.

What the software says

To our knowledge, as of 6 October 2026, Canva can import SVG files and lists requirements specific to that format in its help centre (source: Canva help, upload formats). To our knowledge, as of the same date, Figma converts an imported SVG into an editable vector layer (source: Figma help). To our knowledge, as of the same date, SVG is Inkscape’s native format (source: Inkscape FAQ). For anything else (pasting, editable colours, maximum size), check your software’s documentation.

Layers per colour, and limits

The plain SVG is free. If you want one layer per colour (“One layer per colour”) or one file per colour (“One file per colour (ZIP)”), that is a separations export, so a counted production export.

Production exports (DXF, EPS, PDF, separations): 2 free per month with an account, unlimited with Pro; without Pro, 1 credit each beyond those 2. The details: how much vectorizing costs.

Homotope has no node editor: fine edits happen in your software. A photo becomes a posterised image, not a drawing you can edit line by line. If the imported SVG shows a hairline between two colours, see SVG with jagged edges or a halo; for a logo, vectorize a logo.

Frequently asked questions

Should I use a PNG or an SVG in Figma?

An SVG if you want to change the shapes and colours; a PNG stays a fixed picture.

Is the Homotope SVG free?

Yes: SVG download, “Copy SVG” and PNG export are free, with no account and no limit, except transparent background and recolouring (Pro).

Can I keep my brand colours?

Yes, with the fixed palette in the “Palette” panel: each pixel goes to the nearest fixed colour, and no colour is invented.

Sources for statements about other tools, checked on 6 October 2026: https://www.canva.com/help/upload-formats-requirements/ · https://help.figma.com/hc/en-us/articles/360040028034-Add-images-and-videos-to-designs · https://inkscape.org/learn/faq/

Guides and conversions

Try it with your image