How to use symbols in Affinity Designer and how to modify them and color them and more. Symbols in Affinity Designer are a powerful tool for re-use of designs. You can use Affinity Designer symbols to store images for common elements in artworks. You can find the symbols panel in Affinity Designer via the view menu and studio and symbols command. Once you start using the vector symbols, any changes to the symbols are reflected in the Affinity designer symbol instances. You can add new symbols in Affinity Designer by selecting a shape and then clicking the create button in the symbol panel in Designer. You can add instances to the document and also delete them from the document. You can edit symbols. You can add paths and remove paths from the symbols in Affinity Designer. The Affinity Designer symbols are only connected to the document and are not universal to all the other documents. This tutorial shows you how you can quickly use symbols to create common elements and re-use and how you can create symbols from paths and groups of paths and edit them and add paths and change paths and more. Affinity Designer allows for a whole range of operations to create a wonderful library of artworks in your projects. Symbols in Affinity Designer can be used as a great way to store images for re-use. It is also a great way to create common elements in Affinity Designer. Any changes to the symbols are reflected in any copy / instance.
Open Affinity Designer
The symbols panel has three buttons, create and detach and sync.
Select a path / shape / type
Studio and symbols
Click the create button in the symbols panel in Affinity Designer
If you have one path then the create button will add that single path to the panel. If you have multiple shapes selected then you will add multiple symbols. See the groups section to get around this (you may want multiple symbols from multiple paths)
If you want the paths to be all added together then you must first use the layer menu and group command. Click create after grouping the paths.
select multiple paths
1. drag from the symbols panel
2. repeat for the number of symbol copies you wish to create
select an instance of a symbol
click the detach button
edit the paths as normal
If you wish to add it as a symbol, click the create button
select a symbol instance / copy
go to the layer panel
expand the layer panel
You will see a single path or multiple paths. To change one of those paths (and the symbol)
click the path you wish to change
apply layer effects or change the color
change the color to a gradient etc
shift or scale the path or rotate the path
You can also repeat the same with other paths in the symbol group of paths. Any change to the paths will be reflected in a change to all the copies and the symbol in the panel.
If you select the entire symbol and change the color or add layer effects (such as blurs), all the paths in the symbol will be changed. If you rotate or scale a copy, there will be no change to the other symbol copies or symbol. If you scale or rotate the paths, the changes are reflected throughout the copies and symbol in the panel.
Work with one of the symbol copies in Affinity Designer.
To make things simple, edit the name of the symbol copy you wish to edit. Use a symbol copy that has not been transformed or rotated (relative to the other symbol copies). Remember which symbol copy you are using as all paths you add etc will be relative to that and not any of the other displayed copies.
De-select the symbol copy (make certain that no symbol copies are selected)
add a new path to the document near the symbol to edit and place the path as required relative to the other paths. You will see the path appear in the layer panel at the top.
select the path in the layers panel (outside of the existing symbol)
drag into the symbol set (you can position it relative to the symbol's existing paths)
You will now see all the copies change (of the symbol) and this is reflected in all the layer entries for the symbol. The symbol in the symbols panel will also then be updated as well
If you wish to remove a path from the symbol
simply select the path in the symbol panel
drag out of the symbol and place elsewhere in the panel or just click the remove layer (or deselect the visibility)
You should note that the symbols are not permanent, they are only for the document.