You’ve been working up a storm in Sketch, and for that you deserve all of the high-fives. But now it’s time to kick things up a notch and improve your workflow—so stop what you’re doing and grab these 30 free Sketch plugins.
Using the alignment tools in Sketch works great for shapes, but with text layers, the vertical alignment is based on the bounding box around the text rather than the text itself. The result is typically that text boxes with different sized fonts end up being shifted up and down, creating a jagged baseline.
Enter the BaseAlign plugin for Sketch. Rather than using the bounding box around the text, it uses the actual baseline, giving you perfect vertical alignment no matter what the font size is.
Batch Create Symbols
When you dive right in and start designing, it’s easy to get ahead of yourself and create a bunch of elements that are destined to become symbols. It’s in these moments that the painful reminder comes knocking… you can only create one symbol at a time.
The Batch Create Symbols plugin allows you to select a bunch of layers, click, and have them all magically become symbols at once. It even lets you batch name the symbols or just carry the layer names over. An absolute must-have.
Here’s a fun one. Confetti will automatically take a group of layers or symbols and blast them around randomly to form confetti patterns. Sure, you could copy and paste a bunch of little tiny layers by hand, but where’s the fun in that?
If you’ve ever created a colorful gradient that got a bit gray and dingy in the middle, it has to do with RGB being a bit of a disadvantage in creating perceptually beautiful gradients when transitioning between 2 different colors. Chromatic Sketch is an amazing plugin that leverages the mathematics behind the LAB color space to take your existing gradient and make it more beautiful. It’s positively mathemagical.
The singular must-have in every UI/UX designer’s tool belt, Craft is a suite of plugins for Photoshop and Sketch that help streamline your design workflow by automating tedious actions and pulling in more realistic sample data.
Craft consists of the following tools:
The modern successor to the old Dynamic Button plugin we know and loved from older Sketch versions. With a single click (or keyboard shortcut), DynamicButton3.5 will automatically take the selected text layer, group it up, and place a rectangle around it with perfect margins (decided by you). Making a text button couldn’t be quicker or easier.
Find and Replace
Sketch isn’t necessarily a word processor, so if you’ve got a text-heavy document, you may go looking for Find and Replace. Since it isn’t built into Sketch, grab the Find and Replace plugin ASAP. It can be a lifesaver for global text changes.
Find Instances of Symbol
Find Instances of Symbol is the truffle-sniffing pig you’ve been looking for if you’ve ever been trying to figure out where a symbol has been placed in your document. Run the plugin and you’ll instantly have a selection made on the chosen page with every single instance of the selected symbol.
If you’ve ever found yourself working with a landscape artboard and later decided you’d like to switch it to portrait, then Flipsize is for you. Run Flipsize, and the height and width of your artboard will be instantly transposed.
Magic Mirror 3
If you’re a Photoshop convert, you may miss Free Transform from time to time. For instance, when you’re trying to place a screen into a perspective mockup. Magic Mirror 3 lets you slap an artboard into a shape, and it’ll automatically take on the perspective of the shape. If you update the linked artboard, you can update your perspective mockup with a click and be on your merry way without having to dip into Photoshop.
At one point or another, we’ve all pulled up Google Maps to take a screenshot to pop into our comps. Well… never again. Map generator will grab an address and zoom level from you, then automatically fill the selected shape with an image of your Google Map. So many steps saved.
Nudge, Push, Shove
Nudge, Push, Shove allows you to customize exactly how many pixels a layer will move with a nudge from the arrow key, a shift nudge, and an all-new interval: The Shove. All 3 allow you to type your own pixel value to set and forget. Then it’s just business as usual with the native functionality of Sketch following your choices.
It’s virtually inevitable that your document will end up with some layers either sized or positioned on floating values (aka half-pixels or fractions of pixels). The hard part is catching, let alone fixing, the offending layers. Pixel Perfector can find and select, or find and fix, any layer positioned or sized to a fraction of a pixel. It can even go one layer at a time so you can take a moment to decide how you’d like to handle rounding off the math.
You may have gathered from the name that Random Size will automatically apply a random size to selected layers. What makes this plugin a bit more useful is that you can randomize the width or height of selected layers within a minimum and maximum amount. There’s definitely no quicker way to throw together a bar graph.
Pro Tip: It will respect locked proportions if you’d like to keep an object from becoming distorted.
Remove All Disabled Styles
A quick and easy was to clean up your document before handoff, Remove All Disabled Styles will comb through the visual attributes and trash anything that’s been left unchecked. A big timesaver over going layer-by-layer clicking on those little trashcans.
Remove All Guides
Removing guides from a document can be nearly as tedious as creating them in the first place—especially if you have a ton of them. Run Remove All Guides, and you’re all cleaned up in an instant.
So you’ve got a few hundred layers named rectangle copy? We all do. Rename It is here to batch rename those layers to get your document cleaned up for handoff, or just for your own sanity. It even has some tricks up its sleeve for modifying existing layer names, or even running a find and replace on the names of selected layers. Essential for the heavy Sketch designer.
As massively timesaving as it is to use Symbols for global elements (i.e. navigation) on all of your screens, they do have to get on those screens somehow. Repeat will take the selected layer (or layers) and instantly make a copy in the same position on every single artboard. Now it’s never too late to add a global element to 195 artboards.
Runner is that super peppy assistant you’ve always wanted. Hit the keyboard shortcut and up pops a search field that allows you to jump anywhere in your document, insert symbols, create styles and symbols, apply styles, and even install plugins. Think Spotlight for Sketch. It sure does make giant documents feel a whole lot smaller.
Save with Frame
Save with Frame is a quick and dirty way to export an artboard mocked up onto an iPhone. It has images built in for iPhone 6 and 7 in all the colors as well as Moto 360 if you’d prefer an Android friendly piece of hardware.
Select By Name
As the name suggests, Select By Name is a way to search for layers and select them based on—you guessed it—their name. It’s a simple plugin, but it certainly saves the time of searching in the layers list and then separately making your selection.
Another simple little timesaver, Select Children will automatically drill down into the selected group and select all of the layers inside. Once you’ve made a habit of the shortcut (Option + Command + A), you won’t be able to live without this one.
Select Exportables puts you 1 click away from selecting every artboard, group, slice, and layer in your document that has been made exportable. There’s no quicker way to add a new file format or size globally for export.
Select Parent Artboards
Select Parent Artboards is another one that can save many tiny bits of time if you make a habit of the shortcut (Control + Command + A). Simply select any layer and hit the shortcut to get the artboard containing that layer selected.
Select Similar Layers
If you’re an Illustrator convert, this one is going to fill a hole in your heart. Select Similar Layers will allow you to make a selection, then grab every other layer with a matching fill color, border color, border thickness, font, opacity, blend mode, or name. Once you’re used to having this one at your disposal, it’s tough to live without.
In addition to the automatic alignment options built into Sketch, we also have the ability to automatically distribute the spacing between layers. Sometimes you’d prefer to set a specific distance between those layers, and Sketch simply averages the existing space.
The SketchDistributor plugin allows you to select a group of layers and enter a specific pixel value of distance to put between them. No more fidgeting with pixel-by-pixel nudging.
Sketch Nearest 8
Similar to the Pixel Perfector plugin, Sketch Nearest 8 is here to keep things locked tightly into the pixel grid. Where this plugin differs is that it takes the selected layer and bumps the height or width up to the next value that’s divisible by 8. For those of you designing on an 8-pixel grid system, this is sure to save some much needed time and energy.
Arguably the most adorable name on this list, Sketchy Pies will convert any circle into a pie chart simply by listing comma-separated hex codes for the desired colors. After the fact, it’s easy to edit the colors by changing the border color property of each pie wedge.
Pro tip: Shrink the border thickness of the pie wedges to create radial progress bars.
We all put a focus on keeping our artboards organized on the Sketch canvas, but the layer list tends to get a bit out of order. Sort Me quickly sorts your artboards on the layers list alphanumerically. You can even chose ascending or descending order so your document can work the way your brain works.
Unlock All Layers
This plugin fills a hole in the Sketch menus. Unlock All Layers saves you the trouble of finding and unlocking locked layers one by one. It’s surely a feature that may one day be built into Sketch, but for now this plugin is here to save the day.