Design Libraries

Design libraries are collections of reusable components that can be imported into other .pen files. When you make changes to a component in a library file, those changes are reflected everywhere the component is used.

Create a Design Library

1. Create a new .pen file
2. Populate it with components
3. In the layers panel on the left, click the “Libraries” icon, then click “Turn this file into a library” at the bottom

Design library files use the .lib.pen suffix.

Import a Library Into a File

1. In the layers panel on the left, click the “Libraries” icon
2. Select the library you want to import to this file — you can also choose from the default libraries

Use Design Library Assets

1. In the layers panel on the left, click the “Assets” icon
2. Scroll through the grid to find your desired asset or search it by name
3. Drag and drop or click it to place it onto the canvas