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.
- Import Colors
- Name Color Swatch
- by Color/Select Layers by Color
- by Color/Select Layers by Color on Artboard
- by Name/Select Layers by Name
- by Name/Select Layers by Name on Artboard
- by String/Replace String
- by Text Style/Select Similar Text Layers
- by Text Style/Select Similar Text Layers on Artboard
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.
You can change keyboard shortcuts using Sketch Plugin Monster, the native System Preferences, or by editing the
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".
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:
Brand > Primary
Grays > 80
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.
When you select this option in the generator, Sketch will export the Style Inventory.
- Colors and palettes as JSON
- Text Styles as CSS
- Symbols as PNG
Select Layers by Color
Based on a selected layer, all layers that match the fill or text color will be selected.
Select Layers by Text Style
Based on a selected layer, all layers that match its text style will be selected.
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, …)
Replaces all occurences of the text string found in the selected text layer
April 14, 2018
- Updated for Sketch 49
- Added support for Sketch Plugin Updater
February 28, 2016
- Refactored to new plugin bundle format
April 26, 2015
- Added Symbols Inventory
- Simplified export
- Added configurator
April 14, 2015
- Updated plugins for Sketch 3.3+
December 7, 2014
- Moved all unrelated plugins to a new repository called Sketch Mate. It will take a few days to update the documentation for the new plugins.