The Way To Use Adobe CC Shared Libraries And Make The Most Of It?

The Way To Use Adobe CC Shared Libraries And Make The Most Of It?

Being able to share the property when we are a number of UX/UI working on totally different files for a similar project grew to become essential. It's the greatest way to make sure style guidelines are respected and coherence of the product is guaranteed.

As of at the moment, the commonest solution is to store all the parts in a big file that needs to be downloaded by the team. Any time somebody updates or modifications a element he/she must warn the rest of the crew and re-send the new file for everyone to download… not very convenient proper ?

With the intention to remedy this challenge (and to pursue my quest of discovering the most effective methods to work in atomic design), I decided to start looking into shared libraries… and ended up fully deep diving into it!

Adobe shared libraries: Introduction
Adobe libraries enable several people who work on one project to use the identical assets. These property act as symbols or dynamic objects and as soon as drag & dropped in a document, they remain linked to the library. Any replace of the asset in the library will automatically replace all of the occurrences of it.

You'll be able to show the library by clicking in the tab "window / libraries". The library supports colours, texts’ types, paragraphs’ styles and property (images, icons, elements…).

Create a new part
What's nice about Adobe shared libraries is that they help any kind of components: from the simplest ones (atoms, molecules) to the most advanced (organisms, templates and pages).

Before adding a element to the library it is best to always ask yourself how it is going to be used in mockups. With already a number of shared libraries to my credit, I learnt some very helpful tricks which may be helpful to other designers…

Anticipate the touch zone
Anticipating the touch zone of a part will keep away from sticking it to different elements in the course of the design phase. For instance, we are going to integrate a 27 px button in a transparent square of forty four px:

Trick: if the part is in a clearly labeled group before being add in the library, it will directly take the name of this group.

Think of components as "blocks"
The primary objective of these elements is to speed up building screens. You should subsequently think of them as blocks or lego bricks which are going to be add one after the other.

Trick: Integrating the part right into a slightly bigger frame also lets you anticipate evolutions (as of at the moment Adobe components do not help very well the adjustments of measurement…).

Cut elements in sub-parts
At first, I used to create too complicated components. For a menu and it’s active states for instance, I started with making an organism by declension … Bad concept! Because if for example the icon " Your profile" was to modified, I would then should echo the modification on 7 different components.

If you have any queries regarding where and how to use adobe cc, you can make contact with us at our own web site.