Begin with Assets in Affinity Designer

Video instructional exercise: A super-fast guide for using Assets in Affinity Designer.

In the case when working on projects like app design or branding collateral it’s vital that there is consistency between various elements, to give a feeling of progression over the design. In Affinity Designer, Assets help address this issue. You can spare sets of Assets, prepared to drop into your document for frequent use.

In this article, we’ll reveal to you generally accepted methods to begin using the Assets work in Affinity Designer. Watch the video above for a 2-minute outline, or read on for some best tips. This is a sequence of video instructional exercises showing to you generally accepted methods to use Affinity Designer – a well known vector art device for

01. Accessing the Assets Panel

You'll find the Assets panel under the Studio category

You can access the panel and add it to your work process by going to View > Studio > Assets. When chosen you can drag it to your panels and keep it there for future use. I keep my Assets panel beside my colour palette.

02. Importing and exporting Assets

There are plenty of UI kits available for Affinity Designer

It might be that you are working with group and there is an existing collection of assets for your design, or that you need to download a UI kit (a considerable, lot of these are presently being made for Affinity Designer). To import Assets, simply click the Options icon on the Assets panel and tap on Import. This will raise a finder window for you to choose the relevant. Afassets file for quick installation – no need to close and reopen the application.

To export Assets, just hover over the export option. This will create an .afassets file, and from here you can make your own asset kits for others to use.

03. Creating Assets

 Drag a design element into the relevant category

To make an Asset, simply drag whatever object you need to into the relevant category. Things that you will reuse regularly, for example, buttons, logos or illustrative elements are beneficial things to transform into assets. However, in fact you could go full scale and transform entire website layout into assets – if, for instance, you needed to replicate a template.

04. Creating categories and sections

Organise your Assets into categories and sub-categories

Click on the option/menu icon in the Assets panel to create additional categories and sub-categories. Sub-categories are useful if you want to divide up assets, for example: you might have one sub-category for branding (logos and so on), one for illustrative elements and another for UI elements such as buttons or icons.

05. Embedding Assets

Embed assets to hand them over to another party

Finally by clicking the option/menu icon in the Assets panel, you can embed your assets into the file. This means that when you share the file with someone, they will also be able to access all the assets relevant to the file. This is great for handing over work to a client, or if another designer wants to pick up where you left off.


Add a Comment

Your email address will not be published. Required fields are marked *