The Shared Libraries feature allows you to access component libraries from any Studio file. This is a simple and scalable way to ensure everyone is referencing the most up-to-date components.
Adding a shared library
At its core, a shared library is a list of components from a separate Studio document. Any Studio document can become a shared library.
To add a shared library to your Studio document:
- At the top left of your document, click the Libraries tab or use the keyboard shortcut Command + L.
- To the right of Libraries, click the + icon.
- Select a Studio document to use as a library, and click Open.
The library will now appear in all Studio documents under the libraries panel to the left of the canvas. For example, if you create a new file or open an existing one, that shared library will appear in both.
Removing a shared library
To remove a shared library, click the Libraries icon, and then right-click the library name. Click Remove Library.
Note: If you remove a shared library, any shared components you added to your document will remain. If you try to edit the master, you will be prompted to add the library again or unlink the component.
Adding shared components
To add components from a shared library:
- At the top left of your document, click the Libraries tab, or use the keyboard shortcut Command + L.
- Click the desired shared library.
- Click the desired component. At the bottom left of the page, you will notice a preview of the component.
- To add the component, press Enter.
Note: You can also add it by clicking and dragging the component name or preview.
Swapping shared components
You can replace an existing component with a shared library component.
To swap a shared library component:
- Select a component in your document.
- In the inspector panel, locate the component name, and click the dropdown menu.
- If your preferred shared library isn't selected, click the active library name and click the shared library you want to use.
- Click the name of the desired component.
Tip: In the Filter Components field, you can search components by name.
The new component you selected will replace the original component.
Note: Only the specific component instance you selected will be replaced. All other instances of the original component will remain.
Editing shared components
To edit a shared component:
- Select the component in your document and, at the top right, click Edit Master.
- You can Unlink the component or click Edit in Original Document.
If you click Unlink, any instance of the component in your document will be disassociated from the shared library. This component will be added to the local document library. You will also no longer receive updates that are made to the shared master component.
If you click Edit in Original Document, Studio will open the source file where the component was originally created, and you can edit the master component.
When you edit a shared component and save the changes, you’ll receive a notification in each document that uses that component.
To review library changes:
- At the top left of the page, locate the Libraries tab.
Note: If any changes need to be reviewed, you’ll notice a blue dot indicator.
- Click the Libraries tab or press Command + L.
- Click the library name with the blue indicator.
- Click Review Change.
- To pull the changes into your current document, click Update Document.
If you don’t want to push the changes, click Update Later. The blue dot indicator will remain until you accept the changes.
Note: Each Studio document updates independently. You must review the changes in any document where the shared component is used.
- It’s not possible to assign (or restrict) user permissions for a shared library. Anyone who has access to the document associated with the shared library can edit it.
- Design System Manager (DSM) libraries can’t yet be synced to Studio or used with Studio documents.
- Shared libraries are currently limited to components. They can’t contain text styles, layer styles, or documentation.
We hope to soon expand the possibilities with shared libraries. If you have any feedback or ideas, let us know!