Publishing Components and Styles to Team Library

Components and Styles will only exist in the File you created them in. If you want to use them in other Files and Projects, you will need to publish them to your Team Library.

  • You will need to be on a Professional Team to access and use Components from a published Library. 
  • You can still publish Components from a Starter Team, but not use them across your Files.
  • You can publish and use Styles on both Starter and Professional Teams.

In this article, we will cover publishing:

  1. An Entire File
  2. Updates to your Team Library
  3. Missing or Additional Styles and Components
  4. Creating Private Components

Publishing an Entire File

If you have a File containing Styles or Components you want to publish to your Team Library, you can publish them all at once from the Publishing modal.

The Publishing modal allows you to:

  • Add a description of your File. This will appear in the File's Version History.
  • Remove Styles and Components you don't want to Publish.
  • Publish Styles and Components to your Team Library.

You can open the Publishing modal a few ways:

  1. From the File Name
  2. From the Assets Tab
  3. Using the Keyboard Shortcut

From the File Name

When you have nothing selected in the canvas, you can see the File name in the center Toolbar:

  1. Click the arrow next to the File name: 
  2. Choose Publish Styles and Components from the options:

From the Assets Tab

You can also publish Styles and Components from the Team Library modal. This is accessible from the Assets tab in the Layers Panel.

  1. Click on the Assets tab in the Layers Panel or use the Keyboard Shortcuts:
    • MacOS: [Option] + 2
    • Windows: [Alt] + 2
  2. Click on the Team Library icon on the right of the Panel: 
  3. At the top of the page you will see the Current File. Click Publish:

Using the Keyboard Shortcut

You can use the following Keyboard Shortcuts to open the Library modal:

  • MacOS: [Option] + 3
  • Windows: [Alt] + 3

From here, you can click Publish next to the Current File

You can then complete the rest of the process via the Publishing modal. This allows you to review your Styles and Components before Publishing:

  1. You can add a Description of changes in the field provided: 
  2. To review the Styles & Components, click the arrow next to the Styles & Components heading: 
  3. To remove any Styles or Components from the published File, right-click on the Style/Component and select Remove from Library:
  4. Tip! If you are a member of an Organization, you can also choose to publish the library to the entire Organization. Check the box next to Allow any member of <Organization> to access this file before you click Publish.

  5. When you're ready, select Publish to publish the File to your Team Library.
  6. A notification will confirm your File has been successfully published: 

Publishing Updates to your Team Library

Anytime you make a change to a published Style or Component, you will need to publish that change to the Team Library.

  1. A blue dot will appear on the Team Library icon in the Assets Panel to show that you have pending updates:
  2. Click the Team Library icon to open the Library modal.
  3. Next to the Current File you will see a blue button that prompts you to Publish changes:
  4. Clicking this will open the Publishing modal. From here you can add a description and review any changes, before you click Publish:

Publishing Missing or Additional Styles and Components

If you are missing some Components from a Published File, or want to add more Styles and Components, you can publish these individually.

  1. Click on the Assets tab in the Layers Panel or use the Keyboard Shortcuts:
    • MacOS: Option-2
    • Windows: [Alt] + 2
  2. Any Components that haven't been published will appear in the Private to this File section: 
  3. For any Components you want to add to your library, right-click on the Component and select Add to Library:
  4. A notification will confirm your File has been successfully published:

Creating Private Components

You may have Components in a File that you  don't want to publish.

This could be a Component that's nested within another Component, that doesn't get used on its own. Or, a Component that's not ready to share as it's still a work in progress.

You can create Private Components at any step of the publishing process:

  1. Before Publishing: Add a modifier to the Component's name
  2. While Publishing: Remove Components from the Publishing modal
  3. After Publishing: Unpublish Components

Before Publishing

You can ensure your Components are private before you publish your Team Library.

You can do this by adding a modifier to the Component's name in the Layers Panel:

  • Add a period "." to the beginning of the Component's name.
  • Add an underscore "_" to the beginning of the Component's name.

If you add a period or underscore after a Component has been published, it will be removed from your library the next time you publish any changes.

The publishing modal will skip over any Components using this naming structure during the Publishing process. You'll see these Component listed in the Private to this File section.

Note: If you want to publish these Components, you will need to remove the "." or "_" and publish the Components individually. Learn more about publishing individual Components in our Publishing Missing Styles or Components section.

While Publishing

You can choose to remove Components and Styles from your Team Library, during the publishing process.

From the Publishing modal:

  1. Click the arrow next ti Styles and Components to view a list of included Styles and Components.
  2. Right-click on the Style/Component in the list.
  3. Select Remove from library:

After Publishing

You can also remove a Component that has already been published.

  1. Open up the Assets tab in the Layers Panel. You can use the Keyboard Shortcuts:
    1. MacOS: Option-2
    2. Windows: [Alt] + 2
  2. Find or search for the Component you'd like to remove.
  3. Right-click on the Component and select Remove from Library:
  4. You'll be prompted to publish your changes to the library.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.