Home

Awesome

Symbol Namer plugin for Sketch

Download from Sketchpacks.com Compatible Sketch Version

A Sketch plugin to help you rename symbol instances.

Features

symbol namer

How Symbol Namer works with text overrides

When a symbol has more than one text override, Symbol Namer assumes that you have set your symbol up nicely, so that its primary override is listed first in Sketch's Inspector panel. You can control this order by arranging the symbol master's layers in the desired order.

How defaults work

When you create a symbol you might give it a name like Components/Album/Card/Default to keep your symbols organised. So this is the name that Sketch uses when you insert the symbol. But in the Layers Panel Album Card might be better. Symbol Namer lets you set this as a default, making it quick and easy to reapply the saved name whenever needed. If you don't define a default then symbols will be renamed to match their master.

Default names can be set on Library symbols:

How templates work

The Templates feature lets you define patterns for renaming your symbols. You can refer to each part of the symbol name by its position, either left to right or right to left, and you can also access override text:

e.g. %2 %3 maps "Components/Album/Card/Default" to "Album Card"

If you insert a "Save" button using "Button/Large/Primary/Disabled" and a "Cancel" button using "Button/Large/Secondary/Default", then the template %O %1 - %-1 State would rename the buttons to "Save Button - Disabled State" and "Cancel Button - Default State".

Define a global template using Define Template. Apply the global template using Rename Selection Using Template.

Templates can also be used in Set Default Symbol Name to save a default pattern for renaming a specific symbol.

Installation

or...

Install Symbol Namer with Sketchpacks


If you are using this plugin, please 'star' the project. It's a simple way to help me see how many people are using it.

If you love this plugin, why not shout me a coffee ☕️ via PayPal to share the love!

<a href="https://www.paypal.me/perrysmotors/2"> <img width="160" height="41" src="https://user-images.githubusercontent.com/12557727/39295119-7e115bca-4935-11e8-9fe9-802d667ac22c.png"> </a>