Style Inventory
A Sketch plugin to review, import, and export design styles, helping organize colors, text styles, and symbols.
What is Style Inventory?
Sketch-Style-Inventory is a Sketch plugin that helps designers audit, manage, and export styles within Sketch documents. It generates a visual inventory of all colors, text styles, and symbols, and provides tools to merge similar styles and maintain visual consistency. It bridges the gap between freeform design exploration and structured design systems.
Designers and design teams using Sketch who need to organize chaotic design files into consistent, reusable design systems. It's particularly useful for those transitioning from exploratory design phases to structured, production-ready layouts.
Developers choose this plugin for its comprehensive style auditing and management capabilities, which were not natively available in Sketch. Its unique selling point is the ability to generate a visual style sheet and export styles as JSON, CSS, and PNG, facilitating design system documentation and implementation.
Overview
Review, import & export styles in Sketch.
Use Cases
Best For
- Generating a visual inventory of all colors, text styles, and symbols used in a Sketch document.
- Organizing and naming color swatches following a structured convention like 'Brand > Primary'.
- Exporting design styles as JSON for colors, CSS for text styles, and PNG for symbols.
- Selecting layers based on matching color, text style, or name to quickly identify and unify similar elements.
- Replacing text strings across multiple selected text layers efficiently.
- Auditing and tidying up Sketch files to maintain visual consistency across design projects.
Not Ideal For
- Designers using Sketch version 50 or later, as the plugin is incompatible and no longer maintained.
- Teams requiring actively supported plugins with regular updates and bug fixes for long-term design projects.
- Projects that need integration with modern design tools or cloud-based design systems beyond Sketch's ecosystem.
Pros & Cons
Pros
Generates a visual inventory page listing all colors, text styles, and symbols, providing a clear overview to merge similar styles and maintain consistency.
Enforces hierarchical naming conventions like 'Brand > Primary' for color swatches, promoting organized design system management directly within Sketch.
Exports colors as JSON, text styles as CSS, and symbols as PNG, streamlining handoff from design to development teams with ready-to-use assets.
Offers keyboard shortcuts to select layers by color, text style, or name, accelerating the cleanup of inconsistent elements in chaotic design files.
Cons
No longer maintained since August 2019 and incompatible with Sketch 50+, rendering it obsolete for current Sketch users without community forks or fixes.
The plugin's reliance on Sketch's internal APIs, which frequently changed, makes it difficult to update or fork without deep technical expertise, as noted by the author.
Only functions with Sketch version 49 or earlier, forcing users to stick with outdated software to utilize the plugin, hindering adoption in modern workflows.
Frequently Asked Questions
Related Projects
Sketch MeasureMake it a fun to create spec for developers and teammates
Content GeneratorSketch app plugin for generating dummy data such as avatars, names, photos, geo data etc
Sketch Plugin DirectoryOfficial Sketch Plugin directory
Sketch Flex LayoutPlugin for Sketch allowing for CSS Flexbox layouts using stylesheets and prototypes
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.