20 Sketch plugins to supercharge your productivity
These plugins are my all-time favorites for boosting productivity in Sketch.
1. Anima Toolkit
Anima Toolkit is a must-have, especially when creating a design system. It allows one to stack layers and to define direction, alignment, and spacing. It also lets one add a default padding and pin a layer to its parent.
2. Chromatic Sketch
Chromatic Sketch creates great looking and perceptually uniform gradients and color scales.
Chromatic Sketch fixes the gradient by adding new color stops to create more aesthetically pleasing ones.
3. Export More
Export More is a convenient plugin for exporting Apple Icon Image (.icns) and Animated GIF (.gif) file formats from Artboards.
4. Find and Replace
Find and Replace is a plugin that sifts through all text layers and replaces the keywords instantly.
5. Icon Fonts
Icon Fonts offers more than a thousand icons from Font Awesome, Ionicons, and Material Design directly within Sketch.
6. Image Optim
Image Optim is a that makes images load faster. It does so by removing bloated metadata. This plugin also saves disk space & bandwidth by compressing images without losing quality.
With today’s Retina display, the difference in quality is negligible.
7. Looper 2.0
Looper is a fun plugin that duplicates a shape many times to produce interesting effects. Looper lets you duplicate, rotate, and scale layers to build beautiful patterns and illustrations.
With this plugin, you can control every single detail when you duplicate layers or groups.
8. Magic Mirror
As a product manager, presentation plays a huge role in my daily workflow. Magic Mirror is an image perspective transformation plugin for Sketch.
This plugin adds Perspective Transformation so that you can create perspective mockups and add other distorted effects to your UI design.
9. Map Generator
Sketch Map Generator generates beautiful map interfaces, mobile applications, and more in a few clicks.
This plugin is powered by Google and Mapbox, so you’ll need a Google Maps API Key or a Mapbox token for the plugin to work properly.
10. Measure
Measure makes it fun to create specs for developers and teammates. Usually, style guides take days or weeks. The biggest hurdle I’ve faced is iterating over mocks every time I need to make a change.
Measure strips all the mundane bits and lets you generate style guides in an instant. You can select an element and generate Sizes, Spacings, Properties, etc. in a way that makes sense to developers.
11. Merge Duplicated Symbols
The Merge Duplicated Symbols plugin merges Symbols that have the same name but look different. You can choose the one you want to keep.
This plugin will then replace all other Symbols and their instances with the one you chose to keep.
12. Relabel Button
Relabel is a simple plugin that prompts for a button’s new label. It then applies the text, resizes the button background, and repositions any other interior elements while maintaining the existing padding.
All you need to do is select any group or Symbol with a text layer and one or more other layers (dividers, icons, drop-arrows, etc.), and run the plugin (⌘ j
).
13. Sketch Palettes
A well-curated color palette is crucial when designing a user interface. Sketch Palettes lets you save and import palettes for both Document and Global colors. The plugin supports colors, gradients, and Pattern fills.
14. Sketch Runner
Sketch Runner is one of the most efficient plugins that Sketch offers. Runner is a multi-purpose plugin for either installing new plugins or inserting UI elements. Think of Runner as the Command E or Spotlight for your Mac.
15. Sketch SF UI Font Fixer
Apple’s San Francisco typeface has strict guidelines on how to use it for Display and Text, along with a tracking table.
Sketch SF UI Font Fixer helps create accurate interface mockups, using the tracking values the system defines for various sizes.
This plugin adjusts the character spacing on text layers using Text/Display fonts to what it would be when used in the app. E.g. If you use SF UI Text at 16pt, the script will set this layer’s character spacing to -0.32.
16. Sort Me
When you create new layers using Make Grid or other duplication techniques, your Sketch document slowly becomes messy. Sort Me fixes this problem by organizing your Artboards or layers.
17. Swap Styles
Swap Styles swaps styles between two layers. With Swap Styles, you no longer need to ⌘ ⌥ c
/⌘ ⌥ v
endlessly. You can simply swap styles using the shortcut ⌘ ^ s
.
The plugin works with shape and text layers. It swaps layers’ fills, borders, shadows, blur, opacity, and blend mode.
18. Symbol Instance Renamer
Symbol Instance Renamer renames all Symbol instances to the name of their master. This plugin has helped me a lot with the process of naming Symbols.
19. Symbol Organizer
Every Symbol shows up on the Symbols page. However, the Symbols aren’t neatly organized.
Symbol Organizer organizes your Symbols page and layer list, alphabetically and into groupings, determined by the Symbol names. This plugin also aligns and arranges the Symbols appropriately according to the naming. It also helps remove all the unused Symbols from the document.
20. User Flows
User Flows is a plugin for generating flow diagrams from Artboards.
This plugin easily shows conditional flow logic by creating and managing Conditions. Additionally, User Flows can generate flow diagrams, show /hide connections, and customize diagrams.