Skip to content

Sketch.app plugin to clean icons and to prepare them for a clean export without tints and masks.

License

Notifications You must be signed in to change notification settings

oodesign/icon-tools

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

59 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Icon tools logo

Icon tools (Sketch plugin)

Sketch.app plugin to clean icons and to prepare them for a clean export without tints and masks.

Clean icons in Sketch

Clean icons from undesired layers, groups, texts, etc.

Simply run the "Icon tools > Clean icons" from the Plugins menu.

The plugin will scan automatically all groups/symbols in the selected page, and remove all the undesired layers for you. It will also remove useless layer groups. You may choose if you want to remove everything but shapes, juste texts, or othing at all.
You may also choose if you want to combine all those shapes into a single shape group (which will combine them all using the Union option).

Choose what you want to keep and what or want to remove from your icons.



Prepare icons for export

We are all using the tint hack in our Sketch icons, so that we can have just a single icon, and then override its color in each one of its instances.

The point is that when you generate assets for the Dev team, the 'hack' is also exported in your SVGs, making the SVG file larger and dirtier. We created 'Icon tools' to help with that.

Just run the "Icon tools > Prepare icons for export" from the Plugins menu.

The plugin will scan your whole Sketch file looking for symbols containing a specific string in the name. By default, the string is "ExportableIcon/", but you may change it for the one you use to identify your icon symbols in the Sketch file.

You may also choose the name of your tint layer. Layers with this name will be removed from the final exportable icons. By default, the tint layer name is "🎨 color" - if you use the Sketch Icons plugin (you should, really :) ) that will be familiar to you - .

The plugin will process all of your icon symbols and generate a new page (called ExportIcons) with all of your icons, but just with the layers that are needed for export (without tints), and with the slices already created.

And that's it! You just need to go for Export (the default Export, in Sketch), and export all your clean icons.


-----------------

You may run the "Prepare icons for export" as many times as you want. The ExportIcons page is removed and generated again each time you run the plugin (which is cool to avoid clutter, but something you need to be careful with).

Set your tint layer name, and icons containing it will be processed to the ExportIcons page.



runner-badge-blue

Automatic Installation

Search for 'Icon tools' in Sketchrunner, Sketchpacks, or Sketch Toolbox if you have one of those installed.

Once installed, Sketch will automatically notify you when an update is available.

Manual Installation

  1. Download IconTools.zip archive with the plugin.
  2. Reveal plugins folder in finder ('Sketch App Menu' -> 'Plugins' -> 'Manage Plugins...' -> 'Gear Icon' -> 'Show Plugins Folder').
  3. Delete previously installed version of the plugin (Icon tools folder or Icon tools.sketchplugin bundle)
  4. Un-zip downloaded archive and double-click Icon tools.sketchplugin file inside it.

Considering a gift? :)

What a great plugin - Donate 3€

Wow! That really helped me! - Donate 5€

This totally saved my life! Shut up and take my money! :) - Donate 10€

About

Sketch.app plugin to clean icons and to prepare them for a clean export without tints and masks.

Resources

License

Stars

Watchers

Forks

Packages

No packages published