SVG in Affinity Designer: Complete Guide
Affinity Designer handles SVG natively — here's the complete workflow from import to export.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Opening SVG in Affinity Designer
File > Open → select SVG. Affinity imports it as fully editable vector paths and groups.
- File > Open (Ctrl+O) → select .svg file
- SVG imports as editable curves, shapes, and groups
- Affinity Designer v2 has significantly improved SVG import compatibility
- Place into existing document: File > Place (or drag from file manager)
SVG Export in Affinity Designer
File > Export → SVG. Affinity offers clean SVG export options.
- File > Export (Ctrl+Alt+Shift+S)
- Format: SVG
- Preset: SVG (Digital) for web, or SVG (Print) for print workflows
- Include metadata: off for smaller files
- Export document: exports entire canvas; use selections for partial export
- Export Area: Document, Selection, or specific artboard
SVG Compatibility Notes
Affinity Designer's SVG implementation is excellent but has some differences from Adobe tools.
- Affinity supports SVG gradients, masks, and clip paths correctly
- Some Affinity-specific effects don't have SVG equivalents — rasterized on export
- Text exports as text (not paths) by default — enable 'Convert text to curves' for print
- Group naming and layer structure are preserved in export
Affinity Designer for Cricut SVG Files
Design your cut file in Affinity Designer. Export as SVG. Import into Cricut Design Space.
- Use Pixel persona in Affinity for raster work, Vector persona for cuts
- Set your artboard to the target cut size (inches or mm)
- Each color group = separate cut layer in Design Space
- Export as SVG, import into Design Space as described in the Cricut guide
Frequently Asked Questions
Is Affinity Designer better than Illustrator for SVG?
Affinity Designer is excellent for SVG work at a significantly lower price (one-time purchase vs subscription). Illustrator has more mature SVG export options and Image Trace. Both are professional tools.
Can Affinity Designer open Adobe Illustrator .ai files?
Affinity can open AI files that are EPS-compatible. For modern AI files, export from Illustrator as SVG or PDF first for best compatibility.
How do I export just one element as SVG from Affinity Designer?
Select the element. File > Export → check 'Selection without background'. Affinity exports only the selected element at its bounding box size.
Does Affinity Designer support SVG animations?
No. Affinity is a static design tool. For SVG animations, add CSS @keyframes after exporting, or use a dedicated animation tool.
Can I use Affinity Designer for free?
Affinity offers a 6-month free trial of Affinity Designer v2. After that, it's a one-time purchase (~$70). No subscription required — a significant advantage over Illustrator.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Convert Image to SVG — Free