Programmatically generate hundreds Shared Styles, all at once
Sketch Styles Generator is a plugin made for Sketch.
You can select any amount of layers (text, shapes, or both) and generate Shared Styles for all of them, at once. The Shared Styles are named like the layers. Take a look at the usage section to know more about how to use it.
Follow me on Twitter @lucaorio_ for updates, help and other stuff! 🎉
Looking for other plugins? Give these a try! 😎
- Sketch doesn't allow to generate multiple shared styles at once
- Sketch appends a
Stylesuffix to the name of every style you try to create
- Download the latest release of the plugin
sketch-styles-generator.zip - Uncompress the downloaded file
- Double-click
Sketch Styles Generator.sketchpluginto install
- Trigger Sketch Runner (
cmd+') - Move to the Install tab
- Search for Styles Generator, and install
- Rename the layers you want to generate your shared styles from (you can speed up this process with RenameIt, or Find-And-Replace)
- Select the layers (it doesn't matter if the selection includes both shapes, and text fields)
- Run the plugin by clicking
Plugins->Styles Generator->Generate Shared Styles, or by using thectrl+cmd+sshortcut - A log will recap what has been generated/updated
Sketch Styles Generator will ignore them.
Sketch Styles Generator doesn't recursively search for layers nested in one, or multiple groups. You can check the Sketch's native Select Group's Content on Click feature and refine your selection.
No. This is an intentional choice to keep the scope of the plugin as narrow as possible, simplify its maintenance, and avoid duplication of features already available in other plugins.
Below is a quick overview of how the plugin works behind the scenes. Please note that this is a generator, not a manager. 😜
The layer has no shared style applied, and no existing shared style matches its name: Create a new shared style
The layer has no shared style applied, but there's a shared style that shares its name: Apply the shared style to the layer
The layer has a shared style applied, and its synced, but there's a mismatch between the names: The shared style is renamed to match the layer
The layer was changed, and is now out-of-sync with the shared style applied to it: The shared style, and all its instances are synced
The layer was changed in both its appereance, and name, but still connected to a shared style: The shared style, and all its instances are synced and renamed
Sketch Styles Generator is now fully integrated with Sketch Runner, the ultimate tool to speed up your Sketch workflow. You can trigger the plugin by simply typing its name.
- 🐦 Twitter @lucaorio_
- 🕸 Website lucaorio.com
- 📬 Email [email protected]