Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tbrasington/rename-layers-based-on-textstyle

A Sketch plugin to rename layers based on the text style applied
https://github.com/tbrasington/rename-layers-based-on-textstyle

design design-systems documentation invision sketch sketch-plugin zeplin

Last synced: 2 months ago
JSON representation

A Sketch plugin to rename layers based on the text style applied

Awesome Lists containing this project

README

        

![logo](https://github.com/tbrasington/rename-layers-based-on-textstyle/raw/master/assets/icon.png)

# 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](http://sketchpacks-com.s3.amazonaws.com/assets/badges/sketchpacks-badge-install.png "Install rename-layers-based-on-textstyle with Sketchpacks")](https://sketchpacks.com/tbrasington/rename-layers-based-on-textstyle/install)

Either install via Sketchpacks, Sketch Runner or...

1. Download from the [release page](https://github.com/tbrasington/rename-layers-based-on-textstyle/releases)
2. Unzip
3. Double Click on `rename-layers-based-on-textstyle.sketchplugin`

## Commands

### Append

![logo](https://github.com/tbrasington/rename-layers-based-on-textstyle/raw/master/artwork/append.gif)

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

### Prepend

![logo](https://github.com/tbrasington/rename-layers-based-on-textstyle/raw/master/artwork/prepend.gif)

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

### Replace

![logo](https://github.com/tbrasington/rename-layers-based-on-textstyle/raw/master/artwork/replace.gif)

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

---

@tbrasington | tbrasington.com