Home

Awesome

⚠️ 19 August 2019: This plugin is no longer maintained and does not work with Sketch 50+

I’m working on a Ratio, web design tool that will make some of the commands and concepts of this plugin a core principle. Instead of relying on a plugin to stay organised and consistent, Ratio will support and guide you.

This was one of my most complex plugins and maintaining it required in-depth understanding of the internals of Sketch that constantly changed over the years.

I know that many of you wish that this plugin would still work, but I can no longer commit time to it.

Thank you for using the plugin, providing feedback and reporting issues. Feel free to fork it, fix it, and share it.

I think the problems adddressed by the plugin are better solved by a design tool that treats design systems as a first class citizen.

If you liked what this plugin did for you in Sketch, stay tuned for Ratio. https://useratio.com

14 April 2018: The plugin has been updated to work with Sketch 49.

If you are using the plugin and want to provide feedback, please comment on Q&A: How and why do you use this plugin?

Style Inventory for Sketch

Design requires free, sometimes chaotic exploration. But design also means organization and structure. Sketch can be good in both aspects, but moving from exploration to structured layouts with text styles and unified colors is hard. Either you start clean files from scratch, or you use what you have and try to tidy it up. The Style Inventory is meant to help you with that. It gives you an overview of all your used styles and helps you to merge styles of similar layers into one.

Generate dialog

Plugin Directory

Inventory

Selection

Installation

To install all plugins, download and double click.

Install with Sketch Runner

With Sketch Runner, just go to the install command and search for Sketch Style Inventory. Runner allows you to manage plugins and do much more to speed up your workflow in Sketch. Download Runner here.

Install with Sketch Runner

Keyboard Shortcuts

You can change keyboard shortcuts using Sketch Plugin Monster, the native System Preferences, or by editing the manifest.json

Style Inventory

Generate a visual style sheet with all colors, text styles and symbols that you are using. This will help you to get an overview of your used styles so you can merge styles that are very similar.

Choose what you want to generate in the configurator. The inventory will be generated on a new page called "Style Inventory".

Shortcut: ctrl + ⌘ + ⌥ + I

Name Color Swatch

If you want to organize your colors, you can name color swatches (groups) on the color inventory artboard. The plugin uses the following naming convention for palettes and colors:

Colors as part of a palette:

A single color, not part of a palette:

You can rename the generated color swatches, or use the plugin that will show a dialog where you can enter the color name.

Export

When you select this option in the generator, Sketch will export the Style Inventory.

Select Layers by Color

Based on a selected layer, all layers that match the fill or text color will be selected.

Shortcut: ctrl + ⌘ + C

Select Layers by Text Style

Based on a selected layer, all layers that match its text style will be selected.

Shortcut: ctrl + ⌘ + T

Select Layers by Name

Based on a selected layer, all layers that match the name of the reference layer will be selected. This will also include layers that have appended numbers from duplication (e.g. Rectangle 1, Rectangle 2, …)

Shortcut: ctrl + ⌘ + N

Replace String

Replaces all occurences of the text string found in the selected text layer

Shortcut: shift + ⌘ + K

Change Log

April 14, 2018

February 28, 2016

April 26, 2015

April 14, 2015

December 7, 2014