···

    Hide published styles and components

    Who can use this feature

    Supported on Education, Professional and Figma Organization plans

    Anyone with can edit can remove styles and components from a library.

    New to components? Guide to libraries →

    There are a couple of ways to remove a style: hide it when publishing, or delete it entirely. In this article, we'll cover removing style and components from a published library.

    Are you a member of an organization? Use Library analytics to track component usage, including when components are detached.

    Hide styles

    To hide a style when a library is published, you will need to unpublish the style from the library. You can only hide a style from the original file, where the style currently lives.

    You can access the original style from any object that is currently using it:

    1. Select an object in the canvas that uses that style.
    2. Click on the style in the right sidebar
    3. Click the icon to edit the style.
    4. Click Go to style definition to open the style in the library.

    Note: You will also see an option to Move style definition into this file. This allows you to edit or delete that style without leaving the current file. Moving a style removes it from the original file. If you re-publish the original file, the style would no longer be included.

    Hide when publishing

    You can hide a style from a library without deleting the style itself. You can only do this from the original style, the style definition.

    1. Open the file where the style lives.
    2. Click Assets in the left sidebar, then click to open the library modal.
    3. Click Publish # changes.
    4. Right-click the style and select Hide when publishing.
    5. Repeat for any other style you want to unpublish.
    6. Click Publish to apply your changes and remove the styles.

    Note: If the library is published and up to date, you need to make changes to it to remove the style. Make changes to a library by editing or creating a main component or style. Then follow the instructions above starting with step 2.

    Delete style

    If you don't want to use a style at all, you can delete it. This won't update the properties of any layers using those styles, but will detach them from the style. You can only delete the style definition in the file it originates from.

    1. With nothing selected in the canvas, you can view Local styles in the right sidebar. Click an empty spot or press Esc to deselect.
    2. Select one or more styles:
      • Hold down Shift and click to select a range styles
      • Hold down ⌘ Command / Control and click to select multiple non-adjacent styles.
    3. Select Delete style or Delete all from the options. Figma will remove the style and you will no longer be able to use it. 
    4. Publish your changes to your library.

    Hide components

    You can hide components when you publish changes to your Team library. Or, from a library you have already published. You can only hide components from the file they originate from.

    Note: You can open the file for any component from any file with access to those components. Right-click on an instance of that component in the canvas and select Go to Main component.

    1. Open the file where your component lives.
    2. Open the Assets panel in the left sidebar.
    3. Right-click on the component and select Hide when publishing.
    4. Figma will move the component(s) to the Hidden section.
    5. Publish the changes to your Team library.

    Tip! You can also quickly remove a component from your Team library via the Layers Panel. Add a period . to the beginning of the component's name. Learn more in our Create Private components article.

    Related Videos

    See more