Asset Libraries allow you to store elements and styles so that they can be easily reused. Libraries may include components, graphics, colors and typographies. Learn how to create and manage them to better organize the pieces of your designs and speed your workflow.
In Penpot you can store different type of assets:
You can use the “+” icon to add assets. Each of the categories have their own specific adding action.
There are two ways to add components to an assets library:
Click the “+” to launch the color picker and add a color to the library. Learn more about managing color
All typography styles created from the text properties (at the right sidebar) are automatically stored at the library. You can also click the “+” to create a new typography style from scratch.
Tip: If you select a text layer with certain properties (font family, size, line height...) and click the "+" at the Typographies section at the assets library (left sidebar), the created typography style will include the properties of the text layer.
Press left click over any asset of the library to show the options menu. Some options are available only for certain assets.
Learn how to better view and organize your assets:
You can switch between list and grid views.
Click the sort button to change the alphabetical order.
Use the Search assets box to filter the assets with names that match what you write.
You can decide whether to show all asset types or only one of your choice (components, colors or typographies).
There are two ways to create groups in a library.
You can ungroup the assets the same ways you can group them, via the menu option ("Ungroup" in this case) or renaming them.
One very direct way to move assets between groups at the libraries is by dragging them.
Each file has its own file library which is where the assets that belong to this file are stored.
You have two ways to access the file library from the file workspace:
You can publish any regular file as a shared library. This means that the file library of this file will be available to be connected to other files that exist in the same team, so its library assets can be reused.
There are two ways to publish a library:
You can unpublish any library anytime the same way you can publish it, both from the file menu and the libraries panel.
Unpublishing a library will disconnect it from the files where it was connected. The assets that have already been used in other files will remain, but no longer linked with the now unpublished library.
To add a Shared Library from another file, launch the libraries panel, then search and select the available libraries. If you see the message "There are no Shared Libraries available", start by publishing other files as a shared library or add from our Libraries & templates.
You can disconnect any library anytime from the libraries panel just by clicking on the disconnect button.
Shared libraries will be listed at the assets panel, at the workspace left sidebar. You can expand and collapse them to access the assets of each connected shared library.
Click on the arrow icon at the right of a shared library name to go to the file where the library is and edit its contents.
