skip to content

Affinity Designer logoaffinity designer · HeyBraza shows you

how to export svg in affinity designer

HeyBraza points at the export-as-svg path and the settings that stop your file opening blank or broken.

affinity designer exports good svgs, but the defaults trip people up: files open blank, contain stray pixels, or use effects svg can't show. the most common cause is exporting a layer svg can't store (like erase layers). here's how to export an svg that actually opens where you need it.

or do it yourself

  1. 1select the artboard or objects you want, or leave nothing selected to export the whole document.
  2. 2go to file > export and pick the 'svg' format from the format list.
  3. 3choose the right area: 'selection only' or a specific artboard, so you don't export a giant empty canvas.
  4. 4flatten or rasterise anything svg can't keep - erase layers, some live effects and blends - or your file opens with parts missing.
  5. 5click export, choose a location, and open the svg in a browser to confirm it shows correctly before sending it on.

let HeyBraza do this with you

HeyBraza is a tiny on-screen guide that points at the right buttons and talks you through it, on windows and mac.

download

common questions

why is my affinity svg blank or missing parts?

svg can't store erase layers or certain effects, so they drop out - bake those down (rasterise or rebuild the shape) before exporting.

should i export svg from a slice instead?

for many vector assets at once, yes - use slices in the slice studio set to svg; for a single graphic, file > export is simpler.

more fixes