Skip Navigation

Library Styles

Along with Symbols you can share and sync Text and Layer Styles using Libraries.

They’ll appear in the Insert Window and in the Components popover under Appearance in the Inspector. You can also access Text and Layer Styles via the Insert menu, and like Symbols, Library Styles have a link icon next to their group name to indicate they’re part of a Library.

To insert a Library style from the Insert Window, open it by pressing C or choosing Window > Insert from the menu bar. In the window, you’ll see all of your enabled Libraries in the left sidebar. Click on the Library to filter results or search for the Text Style, Layer Style, and Color Variable you want to insert, then drag it onto the Canvas.

How to Edit Library Styles

If you’re using a Library Style (Layer Styles or Text Styles) in your document and want to edit a Layer that uses it, you’ll have a few options to choose from in the Appearance panel in the Inspector:

  • Before you make any edits, you can choose to Create a new local Style from the currently selected style. This will unlink the style from the Library and create a new local Style in your document.
  • Alternatively, you can choose to Detach the Style from its Source, to unlink it from the Library but not create a new local Style.
  • If you make edits to a Library Style, you can choose Create New Style and Replace to unlink it from the Library, create a new local Style and apply those changes to all layers in your document with that Style applied. Alternatively you can choose Reset Style to revert your changes.
  • As long as the Style is not part of a Third Party Library, you can also choose Edit Style in Library to open the Library document that this style belongs to.

Note: Editing a Style in the original Library document will update that Style for anyone using that Library.

How to Create Library Presets

As well as Symbols, Text Styles, and Layer Styles, you can use Libraries to sync and share gradient or image fill presets. To create a Library Preset for a gradient or image fill, for example, select a gradient in the fill popover of your Library document and add it as a preset under Document Colors.

You can also create, share and sync solid colors in your Libraries using Color Variables.

Now, when you’re working in a document that uses that Library, click on the title above the presets in the fill popover and select the Library’s name to view all of the available Library Presets.

Last updated on 21 Apr 2021

Was this article useful?

Thanks for your feedback.
An error occurred, please try again later.

Create your Workspace for free!

Whether you’re new to Sketch or back to see what’s new, we’ll have you set up and ready to do your best work in minutes.