How To Import and Edit SVG Files with Affinity DesignerHow To Import and Edit SVG Files with Affinity Designer https://logosbynick.com/wp-content/uploads/2020/10/open-edit-vector-files-affinity.png 800 470 Logos By Nick Logos By Nick https://logosbynick.com/wp-content/uploads/2020/10/open-edit-vector-files-affinity.png
In this tutorial I’ll be demonstrating how you can import and edit SVG files (and other vector formats) with Affinity Designer. This works differently in Affinity than it does in Inkscape and Illustrator because Affinity imports files as embedded documents. Because of this, you won’t be able to edit the vector properties of the file without releasing them to individual layers first, which can be frustrating.
Become A Master of Inkscape!
Want to learn more about how Inkscape works? Check out the Inkscape Master Class - a comprehensive series of over 50 videos where I go over every tool, feature and function in Inkscape and explain what it is, how it works, and why it's useful.
Import SVG Files with Affinity Designer
|To import and edit SVG files with Affinity Designer, place the file onto your canvas by navigating to File > Place, select the object on your canvas, then click the Edit Document button in the toolbar. Then, expand the layer, select all of the individual layers, right-click them, and select Release.|
If you’ve ever tried to import SVG files with Affinity Designer, you may notice that you’re not able to edit the contents of the document the way you would for any other vector object. For example, things like color fills, strokes, nodes, grouping, and more, simply have no affect on your design. The only thing you may be able to do is scale or rotate the object.
This is rather frustrating because other vector applications, like Inkscape and Illustrator, allow you to alter SVG files that you’ve imported without such restrictions.
Why This Happens
The reason why you may not be able to edit SVG files that you’ve imported into Affinity Designer is because the file has been embedded in your document.
Whenever you import a document into Affinity Designer, the file is embedded. Or in other words, the contents of the document are locked into a single, embedded layer. In order to edit those contents like you would any other vector object, you’ll have to release them from the embedded layer.
This is problem we had to address in my Affinity Designer logo tutorial where we imported a vector file from a stock photo site.
How To Edit Your Files
Follow these steps if you’re trying to edit SVG files that you’ve imported into Affinity Designer. There’s also a short video tutorial at the top of the page where I walk you through each step.
Step1: Open/Import File
To import your SVG file, navigate to File > Place, and locate your file on your hard drive. Once selected, click on your canvas to place it on the artboard.
At this point you may notice that you aren’t able to edit the properties of the imported document because it is confined to an embedded layer.
Step 2: Edit Document
To release the file from its embedded layer, select it on your canvas using the Select Tool, then click the Edit Document button in the toolbar at the top of your page.
This will open the SVG file in a separate tab.
Step 3: Release Layers
Once you’ve opened the document, navigate to the Layers menu and click the little arrow to the left of the layer’s name to expand the layer and reveal all of its sub layers.
Select all of the individual sub layers by pressing Control + a, then right-click them and select Release.
This will release all of the individual components of the SVG document onto their own designated layers.
Step 4: Copy and Paste Layers
Once you’ve released the embedded layer, all you have to do now is select all of the objects with the Select Tool, copy them by pressing Control + c, then navigate back to the document you’d like to import them to, and paste them by pressing Control + v.
You can now edit your imported SVG file with Affinity Designer the same way you would for any other vector objects!
Other Common Formats
The steps outlined above are not exclusive to the SVG format. This method will allow you to import and edit a variety of vector formats, including…
- AI (Adobe Illustrator)
Using Affinity Designer to import and edit vector files may feel inefficient when compared to other vector applications, but it’s still possible with a few extra steps. Although this process may seem like a nuisance at first, it becomes less menacing once you’ve memorized the steps and can execute them without much thought.
If you have any questions, or if any part of these instructions were unclear, feel free to leave a comment below. As always, thanks for visiting!
Logo Design Bootcamp
Learn how to design logos like a pro! Check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for brainstorming logo ideas and bringing them to life.
You might also like
How To Convert RGB to CMYK with Affinity DesignerHow To Convert RGB to CMYK with Affinity Designer https://logosbynick.com/wp-content/uploads/2020/11/convert-rgb-to-cmyk-with-affinity-designer-1.png 800 470 Logos By Nick Logos By Nick https://logosbynick.com/wp-content/uploads/2020/11/convert-rgb-to-cmyk-with-affinity-designer-1.png
Affinity Designer Logo Tutorial: Simple Logo DesignAffinity Designer Logo Tutorial: Simple Logo Design https://logosbynick.com/wp-content/uploads/2020/09/affinity-logo-design-tutorial.png 800 470 Logos By Nick Logos By Nick https://logosbynick.com/wp-content/uploads/2020/09/affinity-logo-design-tutorial.png
How To Create An Isometric Grid with Affinity DesignerHow To Create An Isometric Grid with Affinity Designer https://logosbynick.com/wp-content/uploads/2020/08/isometric-grid-affinity.png 800 470 Logos By Nick Logos By Nick https://logosbynick.com/wp-content/uploads/2020/08/isometric-grid-affinity.png