Home

Awesome

logo

rename-layers-based-on-textstyle

What?

This plugin will go through your current pages' text styles and prepend or replace their Text Style name to the layer.

It will go through your local document text styles first, then look for any text styles that are linked from your libraries.

Why?

When developers are picking through tools like InVision and Zeplin they can't easily sync up the style reference to your design system. They only get the attributes of the font like size or letter spacing. This tool allows them to see the style name and reference it with their codebase.

Installation

Install rename-layers-based-on-textstyle with Sketchpacks

Either install via Sketchpacks, Sketch Runner or...

  1. Download from the release page
  2. Unzip
  3. Double Click on rename-layers-based-on-textstyle.sketchplugin

Commands

Append

logo

Takes the Text Syle name and adds it to the end of the the Layer name with a hypen

Prepend

logo

Takes the Text Syle name and adds it to the front of the the Layer name with a hypen

Replace

logo

Takes the Text Syle name and replaces the entire layer name with the Text Style


@tbrasington | tbrasington.com