Add or remove a library from a design file
This article is available for both the previous Figma UI and the new Figma UI. Use the toggle at the bottom left of the page to select your current UI. Get to know UI3: Figma’s redesign →
Before you start
Who can use this feature
Available on paid plans.
Anyone with can edit
access to a file can manage libraries for that file.
This article applies to Figma Design files only. Learn how to manage libraries in FigJam files.
When you add a library to a file, you’ll be able access its components, styles, and variables and use them in the file. Components can be accessed from the Assets tab, and styles and variables can be accessed from the styles and variables picker on various properties.
A library must be published before you can add it to a different file.
Adding or removing a library from a file will apply to everyone with access to the file.
Note: In order to access a library’s styles, components, and variables, users need at least can view
access to the library.
Add a library to a file
To add a library to a file, the library needs to be published to team libraries first.
To add a library:
- In a design file, select the Assets tab in the left sidebar.
- Click the Libraries icon to open the Libraries modal. The icon’s tooltip may read Review library updates if there are updates to libraries you are using in the file, or Review unpublished changes if you have unpublished updates in your file.
- Locate the library you want to enable. Use the search bar to search your library by name. If available, use the sections under Browse libraries to find relevant libraries across your team or organization.
- Click the library to view its assets. From there you can:
- Click Add to file to enable the library in the file
- Click Open file to view the library file
- Click to close the modal.
Tip: If a library has a check mark next to its name, it means the library has been approved by an admin. Available on the Enterprise plan only.
In the Libraries modal, you can browse libraries available to you and add them to the current file. The Browse libraries section has a few tabs you can use to browse:
Browse libraries
- Recommended: Contains approved libraries (Enterprise plan only) and default libraries provided by the admin of your organization or team.
- Teams / Your teams: Browse libraries in teams you belong to
- Your organization: Browse libraries by workspace.
- UI kits: UI kits are a set of libraries curated by Figma and partners. This tab is available if UI kits are enabled by admins for your team or organization.
Remove a library from a file
To remove a library from a file:
- In a design file, select the Assets tab in the left sidebar.
- Right-click the library you want to remove and select Remove library from file.
Any components, styles, or variables used from the removed library will remain on the canvas.
Access styles, components, and variables in a library
When you make a library available in a design file, everyone in the file can access assets from it.
Before you start
Who can use this feature
Available on any paid plan
Anyone with can edit
access to a file can manage libraries for that file
This article applies to Figma Design files only. Learn how to manage libraries in FigJam files →
If you have can edit
access to a file, you can manage which libraries are available to everyone in the file. Keep in mind that you must publish a library before you can make it available in other files.
Note: In order to access a library’s styles, components, and variables, users need at least can view
access to the library.
Enable or disable a library in a file
- In a design file, open the Assets panel in the left sidebar.
- Click Libraries to open the Libraries modal.
- To enable a library, locate the library you want to add from the list of available libraries and click Add to file. If you don’t see the library you’re looking for, you’ll need to publish the library first. Learn more about publishing libraries →
- To disable a library, hover over the Added button and click Remove.
- Click to close the Libraries modal.
Tip: If a library has a check mark next to its name, it means the library has been approved by an admin. (Enterprise plan only.)
Access styles, components, and variables in a library
When you make a library available in a design file, everyone in the file can access assets from it.