How Procreate Handles SVG Files
Procreate is a raster (pixel-based) drawing app, not a vector editor. When you import an SVG, Procreate rasterizes it - converting the vector paths into pixels at your canvas resolution.
What this means in practice
- + The SVG imports and displays correctly
- + Colors and shapes are preserved
- - You cannot edit individual vector paths
- - Scaling up after import causes pixelation
- - The SVG becomes a flat pixel layer
This is fine for tracing, reference, and incorporating SVG art into compositions. For true vector editing on iPad, use Vectornator (Curve) or Affinity Designer instead.
How to Import SVG into Procreate
Save SVG to Your iPad
Download the SVG to your iPad using Safari (tap & hold → Download), AirDrop from your Mac, or save to iCloud Drive / Files app. Make sure the file has the .svg extension.
Create a High-Resolution Canvas
Since the SVG will be rasterized, create your canvas at the largest size you'll need. For print work, use 3000-4000px. For screen, 2048px is usually sufficient. The imported SVG will be as sharp as your canvas allows.
Insert the File
Tap the wrench icon (Actions) → Add → Insert a file. Browse to your SVG in the Files picker and tap it. Procreate will rasterize and add it as a new layer.
Resize and Position
Tap the arrow icon (Transform tool) to resize and position the imported SVG. Use "Uniform" mode to maintain proportions. Pinch to scale and drag to position.
Tracing SVGs in Procreate
One of the best uses of SVG in Procreate is as a tracing reference. This lets you add your own artistic style to clean vector designs:
1. Reduce opacity
Tap the "N" on the imported SVG layer and reduce opacity to 20-30%. This makes the design visible but not overpowering.
2. Create a new layer above
Tap the + in the Layers panel to create a new layer. This is where you'll draw. The SVG reference stays underneath.
3. Trace with your brush
Use your preferred brush to trace over the SVG. A monoline brush works great for clean lines, or use a textured brush for a hand-drawn feel.
4. Delete the reference
When done, swipe left on the reference layer and tap Delete. You're left with your own unique traced version.
Using SVG as Reference Layers
Procreate has a dedicated Reference feature that works well with imported SVGs:
- Set as Reference - Tap the imported layer → tap "Reference." This lets ColorDrop fill regions on other layers based on this reference layer's outlines.
- Drawing Assist - Use the SVG as a guide for symmetry or pattern work with Drawing Assist enabled.
- Split View - Open the SVG in Files app on one side and Procreate on the other using iPad Split View for side-by-side reference.
Best File Formats for Procreate
While SVG works, here's how all formats compare in Procreate:
| Format | Quality | Best For |
|---|---|---|
| PNG | Excellent | General import, transparency |
| SVG | Good (rasterized) | Tracing, reference art |
| PSD | Excellent | Layered artwork from Photoshop |
| Good | Multi-page documents |
Tip: If you need the SVG at a specific size, convert it to PNG at your target resolution first. This gives you full control over the rasterization quality.
Exporting from Procreate
Procreate exports in raster formats only. If you need your Procreate art as SVG:
- Export as PNG - Tap wrench → Share → PNG for high-quality raster output
- Vectorize externally - Use Adobe Image Trace, Vectorizer.io, or an AI tool to convert the PNG to SVG
- Re-generate as vector - Describe your Procreate art in Clearly's AI SVG generator to create a clean vector version