Skip Navigation

Organizing Styles

How to create style groups

To group styles together in the Components View and Insert menu Insert, name them using the format: Group-name/Style-name. For example, two Symbols named Background/Light and Background/Dark will be places in a group called Background.

Organizing styles in the Components View

You can organize your Text, Layer Styles and Color Variables in the Components View. To group several styles together hold and select the styles you want to group. Control-click on any of the styles and choose Group in the contextual menu. Give a name to the new group by double-clicking on the new group that you’ll find in the left sidebar of the Components View.

To group styles together in the Components View and Insert menu, name them using the format: Group-name/Style-name. For example, two Symbols named Background/Light and Background/Dark will be places in a group called Background. You can also add a style to an existing group by dragging it into the group icon in the left sidebar.

Note: For Sketch 60 and earlier, you need to have two or more styles in a group before they’ll appear in their own submenu.

To rename a specific style, select the style and give it a new name in the Inspector. To rename an entire group, double click on the group name in the left sidebar and add a new name to the group.

Styles are ordered alphabetically in the Components View.

Last updated on 21 Apr 2021

Was this article useful?

We’re really sorry about that.
Please let us know what you were looking for:

If you need more help or you’d like to report a bug with this content, please contact support.

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