I recently worked on a design sprint, creating a prototype in Sketch and Flinto. My work colleague was curious about all the 'nifty Sketch tricks' (Sketch plugins) I had been using to design the UX/UI.
I promised that I'd share a list of plugins with him so he could try them out. So here it is, 24 Sketch plugins that will help him and any other UX/UI Designers wanting to improve their design workflow and productivity.
1. Sketch Plugins For Workspace Management
If you've ever used Spotlight Search on a Mac as an App launcher, then you'll find Sketch Runner very familiar. You can launch Runner with a hotkey combo (CMD+'), and then use it to quickly access other plugins, navigate to pages, insert symbols and even install new plugins. It is a massive time-saver.
Artboard Manager really intrigued my colleague. He had been wondering how my artboards snapped into place every time I moved them around. This plugin is super handy for keeping your workspace neat and tidy. Give it a try, you'll never have to manually align or worry about equal spacing between artboards again.
Distributor allows you to select two or more layers and equally distribute them by specifying a value.
Having nicely aligned artboards is fine, but that's just not cricket if they're not consistently numbered. The Organise Artboards plugin will allow you to automatically number your artboards.
Keeping your artboards and layers properly named is important if you plan to transfer your artwork to an external application for prototyping (such as Flinto or Framer). This plugin lets you batch rename layers and artboards quickly, you can even use regular expressions.
2. Sketch Plugins For Symbol Management
Library Symbol Replacer
Library Symbol Replacer allows you to replace symbols within the current document with those in an external library (Sketch 47 and above).
Merge Duplicate Symbols
Sometimes when working on multiple documents you end up duplicating symbols. This plugin enables you to merge duplicates symbols into one.
Move to Library
Move to Library lets you to move document-specific symbols into a shared, external library.
Symbol Instance Locator
Before you decide to delete a symbol, this plugin allows you to check if it has been used in the current document (and avoid unnecessarily detaching your beloved symbols and creating groups and layers).
Symbol Instance Sheet
Symbol Instance Sheet automatically generates a new page in your Sketch document and populates it with all your current symbols. Handy if you are generating a style guide/pattern library.
This plugin is a lifesaver. Your symbols page can quickly become a mess if you aren't careful. This plugin automatically arranges your symbols into groups (vertically or horizontally).
Batch Create Symbols
Batch Create Symbols allows you to select one or more layers and convert into multiple symbols. A real timesaver when you are setting up a pattern library.
3. Sketch Plugins For Typography & Shared Styles
Golden Line Height
Golden Line Height allows you to automatically adjust the line height of your text using Golden Ratio.
Shared Style Finder
Shared Style Finder isolates any shared or text styles that you've applied to layers or text. Useful if you are cleaning up a Sketch document and you want to ensure you don't delete any styles that have been used already.
Currently Sketch only supports symbols as part of external libraries, text and layer styles won't get synced if you change them across your documents. This plugin allows you to keep your text and layer styles synced with your external libraries.
This plugin allows you to better manage your text and layer styles with the ability to bulk rename styles and even use regular expressions to change the naming hierarchy.
Unused Style Remover
Pretty much as it says on the tin. Removes unused styles from your Sketch document to keep things neat and tidy.
4. Sketch Plugins For Colour
Ever wanted to generate a colour pallet from an image? Well now you can, all in about 5 seconds without leaving Sketch.
5. Sketch Plugins For Charting
The Chart plugin lets you to create popular chart types from dummy or real data.
6. Sketch Plugins For Icon Management
This is a MASSIVE timesaver when you need to create a whole iconset for your design. It automatically generates your icons as symbols from external SVG files and allows you to specify a colour mask.
7. Sketch Plugins For Exporting Assets
Pages to Folders
If you are like me and suffer from mild OCD, then this will be right up your street. Automatically export your artboards and pages to folders with this plugin.
Automatically ensure your SVG output is clean and optimised for use outside Sketch with SVGO Compressor.
Sketch Image Compressor
Inspired by ImageOptim, this plugin is like a simplified 'Save-For-Web', offering lossless image compression for your bitmap images.
Automatically add common device frames to your artboards, useful for design presentations when you need a device mockup.
So there you have it, 24 Sketch plugins that should improve your productivity and design workflow. Let me know on Twitter if you have any suggestions for plugins that I might have missed out and please share this post if you found it useful.
Other Blog Articles
- Gym Class Booking Experience Design: A How Not To Guide
- My UX Design Tools
- 24 Sketch Plugins to Improve Your Design Workflow & Productivity
- Remote User Testing Framer Prototypes With Hotjar Analytics
- Connecting Two Prototypes Using Framer Studio & Firebase
- Principle Prototype to Improve Runkeeper’s Manual Activity Logging
- User Experience & Luxury Fashion Brands: A UX Designer’s Perspective
- 12 Tips For UX Designers Who Want to Learn Prototyping
- Prototyping with Framer Studio
- iPhone 6 UX prototyping with Sketch & Framer Studio
- Improving the UX workflow for responsive design
- UX Faux Pas: Image Optimisation
- Prototyping responsive user experiences with Foundation
- Prototyping for UX Presentation
- DPD Poor Customer Experience (CX)