Jump to content
You must now use your email address to sign in [click for more info] ×

What is the UI kit and where should I save it?

Recommended Posts

  • Staff

Hi Mark G,

Welcome to Affinity Forums :)

The Grade UI Kit is a set of pre-assembled elements (icons/controls/user interface bars etc) that you can use to quickly build graphical user interfaces for applications. You can access these elements from the Assets panel in Affinity Designer (menu View ▸ Studio ▸ Assets). Check this page for instructions on how to install the Grade UI Kit so you can have it available in the Assets panel. Keep a copy of the original zip file in case i n you need to re-install them later/in the future.

Link to comment
Share on other sites

  • 9 months later...
  • Staff

Hi nicolleen,
They are not placed in any particular folder. They are imported within the program and stored inside the app folder for you. So for example to install the assets (located in the Assets folder after you unzip the downloaded file), go to the Assets panel, click the small menu icon on the top right of the panel, select Import Assets..., select the .afassets file in the unzipped folder (in the Finder dialog that will appear and click Open. The assets will then appear as a new category selectable from the dropdown on the top of the panel. Similar process for the palettes files (go to the Swatches panel, click the small menu icon on the top right of the panel and select Import Palette...). The other items provided (UI Sheets and Sample) are not intended to be imported into any panel but to copy/paste to your document when you need them (UI Sheets) or just to understand how a user interface is built (Sample).

Link to comment
Share on other sites

Hi, thanks for your reply, now it´s becoming clear.

Nevertheless, I´m sorry, I have searched everywhere, I can´t find an "assets panel". Do you mean my general panels like brushes etc.? I can import styles, brushes and so on. But no assets anywhere to be seen.

When I got this kit along with the programme for free, I thought it was some kind of an asset collection. But as I understand it now, it is something used for programming, which I certainly don´t need. Am I wrong?




Link to comment
Share on other sites

Hi Nicolleen - the assets studio is in View/Studio/Assets. Its a sort of visual storage area for items (images, shapes etc) that you might need to use frequently. I've found it really useful though it does take a bit of getting used to and you'd need to organise it to your requirements. I do a lot of leaflet design & these often need facebook logos etc, fancy borders, graphic elements. Once you you have one of these on the page/artboard you can store it as an asset and use it for future jobs.

Windows 10 Pro, I5 3.3G PC 16G RAM

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.