getflourish/sketch-mate

These plugins will make you best friends with Sketch.

Sketch Mate

These plugins will make you best friends with Sketch.

Plugin Directory

Artboards

• Duplicate Artboard shift + ⌘ + D
• Fit Artboard
• Fit Artboard Height ctrl + shift + A
• Remove Artboard ⌘ + ⌫
• Sort Artboards

Misc

• Goto Page
• Replace Layer ⌘ + ⌥ + R
• Set Line Height
• Toggle Click Through
• Wrap in Bounding Box

Smart Align

• Distribute Horizontally control + ⌘ + ⌥ + ,
• Distribute Vertically control + ⌘ + ⌥ + .
• Smart Align Horizontally ⌘ + ⌥ + ,
• Smart Align Vertically ⌘ + ⌥ + .
• Smart Align Bottom control + ⌘ + ↓
• Smart Align Left control + ⌘ + ←
• Smart Align Right control + ⌘ + →
• Smart Align Top control + ⌘ + ↑
• Space Horizontally
• Space Vertically
• Stretch Height ⌘ + ⌥ + e
• Stretch Width ⌘ + e

Smart Move

• Delete and Pull
• Pull Left shift + ⌘ + ⌥ + ←
• Pull Up shift + ⌘ + ⌥ + ↑
• Push Down shift + ⌘ + ⌥ + ↓
• Push Right shift + ⌘ + ⌥ + →
• Set Increments shift + ⌘ + ⌥ + I

Sort

• Reverse Layer Order
• Reverse Positions
• Sort Artboards by Name
• Sort Layers ctrl + ⌘ + ⌥ + S

Installation

To install all plugins, download them all first, unzip the archive, and place the folder contents in your Sketch Plugins folder by navigating to Sketch > Plugins > Reveal Plugins Folder…

To install only a selection of plugins, you will first need to place the library file inventory.js in the root of your Sketch Plugins directory. This is very important as all plugins rely on its functionality.

You can then install selected plugins by double-clicking the file, or alternatively, drag and drop the file onto the Sketch app icon. This will automatically copy the plugin to your Sketch Plugins folder.

Keyboard Shortcuts

Most plugins have a pre-defined keyboard shortcut. You can always change it by editing the shortcut written in parenthesis at the end of the first line of a plugin.

For example, the first line of Duplicate Artboard.sketchplugin:

// Duplicates the current artboard right next to it. (shift command d)

You can use modifier keys such as option, command, control, shift

Artboards

Duplicate Artboard (next to the current artboard)

This improves the built in behavior of artboard duplication in Sketch. If the selected artboard is in the middle of other artboards, all artboards on the right side will be shifted to the right before the artboard is duplicated. Requires any layer of an artboard to be selected.

Shortcut: shift + ⌘ + D

Remove Artboard

This improves the built in behavior of artboard removal in Sketch. If the selected artboard is in the middle of other artboards, all artboards on the right side will be shifted to the left after the artboard has been removed. Requires any layer of an artboard to be selected.

Shortcut: ⌘ + ⌫ (Backspace)

Fit Artboard

Resizes the artboard to fit its layers.

Fit Artboard Height

Resizes the artboard to fit the height of its layers.

Shortcut: shift + ctrl + A

Sort Artboards

Sorts selected artboard layers by their horizontal position. Useful when your layer list does not reflect the artboard arrangement on your canvas.

Text

Set Line Height

Plugin that allows you to set the line height of a text layer as a multiple of the font size. It’s like using em in CSS. Supports multiple selections.

Shortcut: ⌘ + L

Misc

Replace Layer

Replaces the selected layer with the content in the clipboard. Basically this plugin does paste in place while removing the original selection.

Shortcut: ⌥ + cmd + R

Smart Align

Distribute Horizontally

Calls the menu command "Distribute Horizontally". Just for shortcut purposes.

Shortcut: ctrl + ⌘ + ⌥ + ,

Distribute Vertically

Calls the menu command "Distribute Vertically". Just for shortcut purposes.

Shortcut: ctrl + ⌘ + ⌥ + .

Smart Align Horizontally

experimental Aligns the selected layer relative to its parent group.

Shortcut: ⌘ + ⌥ + ,

Smart Align Vertically

experimental Aligns the selected layer relative to its parent group.

Shortcut: ⌘ + ⌥ + .

Space Horizontal

Distributes the selected elements horizontally, with the same distante beetween them. If only one layer is selected, the layer will be moved by the spacing that has been input.

Space Vertical

Distributes the selected elements vertically, with the same distante beetween them. If only one layer is selected, the layer will be moved by the spacing that has been input.

Smart Move

experimental Allows you to pull or push layers in relation to the selected layer.

• Pull Left shift + ⌘ + ⌥ + ←
• Pull Up shift + ⌘ + ⌥ + ↑
• Push Down shift + ⌘ + ⌥ + ↓
• Push Right shift + ⌘ + ⌥ + →

Sorting

Sort Layers

There are also plugins to reverse the order of the layers in the layer list and a plugin that reverses the position of the selected layers on the artboard.

Options: Text (A->Z), Text (Z->A), Layer Name (A->Z), Layer Name (Z->A), Top, Left, Random

Shortcut: ctrl + ⌘ + ⌥ + S

Sorting Layers by text, visually

Sorting Layers in the layer list by position

sketch-mate's Issues

Stretch width shortcut conflicts with zeplin.io export shortcut

I just got problem when using zeplin.io shortcut for exporting artboards (⌘ + e) conflicts with Sketch Mate stretch width.

All "Select" commands broken in Sketch 45

The following commands no longer work after updating to v45 :

Select Artboard(s)
Select Below
Select Group Layers
Select Parent Group

Toggle Click-through issues

When using the shortcut to toggle click-through, it also toggles all parent groups too. 😞

White flashing when using Smart Align

My Sketch (3.8.3) keeps white flashing the canvas when I'm using the Smart Align Left, Center, Distribute, etc. Doesn't happen with stock/native align functions. This only happens when you're not at 100% zoom. Not sure why this would be happening. Thanks

Fit Artboard Height doesn't always work

On some boards, with no consistency I can discern, it simply does nothing.

Set line height not working (⌘L)

Version 39.1 (31720)

Duplicate Artboard not duplicating

When you execute this function, it makes space for an artboard, but doesn't actually duplicate it. See this screencast:

This is on Sketch 3.8.1 3.8.3. Thanks!

Make plugin for temporary locking/unlocking of layers

Select below not working

Sketch 39.1

Duplicate Artboard

Doesn't duplicate next to the current one anymore (Sketch beta 3.2.2)

Error in Console: Missing files

Sketch Version: 3.7.2 (28276)
Sketch mate version: 1.1
Problem: Using Sketch Mate plugin crashes Sketch.app

---

These files are missing:

• Sort/Sort Artboards by Name.js
• Misc/Goto Artboard.js
• Misc/Toggle Click Through.js

This file does exist:

• Sort/Sort Artboards by Name.sketchplugin

Running the action "Sort Artboards by Name" crashes Sketch.app

Sketch mate is throwing errors in Console:

Failed to load script at URL file:///Users/bram/Library/Application%20Support/com.bohemiancoding.sketch3/Plugins/Sketch%20Mate.sketchplugin/Contents/Sketch/Sort/Sort%20Artboards%20by%20Name.js, error: Error Domain=NSCocoaErrorDomain Code=260 "The file “Sort Artboards by Name.js” couldn’t be opened because there is no such file." UserInfo={NSFilePath=/Users/bram/Library/Application Support/com.bohemiancoding.sketch3/Plugins/Sketch Mate.sketchplugin/Contents/Sketch/Sort/Sort Artboards by Name.js, NSUnderlyingError=0x7fc03f3b2e60 {Error Domain=NSPOSIXErrorDomain Code=2 "No such file or directory"}} «Plugin Developer»

and

30/04/16 11:10:28,676 Sketch[32293]: Failed to load script at URL file:///Users/bram/Library/Application%20Support/com.bohemiancoding.sketch3/Plugins/Sketch%20Mate.sketchplugin/Contents/Sketch/Misc/Goto%20Artboard.js, error: Error Domain=NSCocoaErrorDomain Code=260 "The file “Goto Artboard.js” couldn’t be opened because there is no such file." UserInfo={NSFilePath=/Users/bram/Library/Application Support/com.bohemiancoding.sketch3/Plugins/Sketch Mate.sketchplugin/Contents/Sketch/Misc/Goto Artboard.js, NSUnderlyingError=0x7fe8d1119d70 {Error Domain=NSPOSIXErrorDomain Code=2 "No such file or directory"}} «Plugin Developer»

and

30/04/16 11:10:28,678 Sketch[32293]: Failed to load script at URL file:///Users/bram/Library/Application%20Support/com.bohemiancoding.sketch3/Plugins/Sketch%20Mate.sketchplugin/Contents/Sketch/Misc/Toggle%20Click%20Through.js, error: Error Domain=NSCocoaErrorDomain Code=260 "The file “Toggle Click Through.js” couldn’t be opened because there is no such file." UserInfo={NSFilePath=/Users/bram/Library/Application Support/com.bohemiancoding.sketch3/Plugins/Sketch Mate.sketchplugin/Contents/Sketch/Misc/Toggle Click Through.js, NSUnderlyingError=0x7fe8d0533830 {Error Domain=NSPOSIXErrorDomain Code=2 "No such file or directory"}} «Plugin Developer»

Smart align top/bottom shortcut conflicts

The shortcut used for smart align top and smart align bottom conflict with the built-in shortcuts for Move To Front and Move To Back under the Arrange menu.

I kept hitting the shortcut for this only to have my objects jump somewhere unexpectedly and couldn't figure it out until I went spelunking through the plugin shortcuts and figured out what was going on.

Feature request: Batch "Fit Artboard Height"

I can select one Artboard and use the Fit Artboard Height ctrl + shift + A command with success.

I can sometimes select two Artboards and use the Fit Artboard Height ctrl + shift + A with success.

At present, if I select a greater number of Artboards, say qty 20, I am unsuccessful with the Fit Artboard Height ctrl + shift + A.

If the functionality for multiple Artboards is not a confirmed feature, I'd like to submit a request to support batch Fit Artboard Height functionality from this command in Sketch Mate.

Really appreciate the time and effort invested in this Sketch plugin.

Thanks!

Delete and Pull · cmd ⌫ on artboard causes sketch crash

steps to reproduce:

• create artboard
• select artboard
• hit [CDM] + [BACKSPACE]
• hit [A]
• drag to create new artboard

demo:
https://www.dropbox.com/s/ab6lyw7vjtt3zlw/sketch_sketch%20crash_20151104.mov?dl=0

“replace layer” selects content of the group after replacing

when replacing an element with a group, after replacing - all the group content is selected. Please can you fix, that after replacing it would just keep the group selected and not the group's content?

Many thanks!

Misc / Replace Layer stopped working in s45 :---(

please can you fix?

Support Sketch 45 plugin update system

Hi there!

This is a quick note to remind you that Sketch 45 will include a plugin update system.

It would be awesome if you could add support to it (it's really easy!) before Sketch 45 comes out. Ideally, you should release an update for your plugin while we're still in Sketch 44, so your users will have a nice & easy experience when 45 is released.

For more details, please check http://sketchplugins.com/d/229-updating-plugins and http://developer.sketchapp.com/introduction/updating-plugins/

Thanks in advance!

"Reverse Layer Order" not working in Sketch 45

I use "Reverse Layer Order" a lot when working with Craft's Invision Sync so that the artboards upload in the correct order, thanks for enabling that!

Unfortunately when I updated to Sketch 45 I think that it stopped working. It doesn't give me any error just doesn't change the order.

Add to Sketch Toolbox list

Replace Layer

I think the Replace Layer (⌘ + ⌥ + R) stopped working on Sketch 3.4.

Replace layer not working Sketch 49

The replace layer doesnt work anymore for me.
This is the best feature of the plugin anyway it can be fixed?

Replace layer makes a copy of symbol

It is handy to replace couple of similar groups or layers with symbol at once. But the issue is that plugin creates a copy of sumbol. So if I replace 10 groups with one symbol it creates 10 copies of that symbol.
Let me know if you need more details.

Thank you.

Smart Align H & V and multiple selections

Smart align horizontally and vertically should work with more than 2 selected objects.

Smart align to parent doesn't work in Sketch 46

smart align vertical
smart align horizontal

None of these work when selecting a single layer and running the command.

Stretch Width / Stretch Height should not rename layer

The function “Stretch Width / Stretch Height” is what I really love and use permanently ... just the only really annoying thing is that it every time renames the layer adding @fullwidth @fullheight string ... could you possibly remove it? I actually don't see any value having that addition to the name ... every time I have to rename again to get the “what I had before”

many thanks!

Fit artboard height not working as expected

Hi,

I recently updated the Sketch Mate plugins and noticed that the behaviour of the Fit artboard height plugin changed. In the previous version I used I could hit shortcut when selecting any element in an artboard and the artboard height would be adjusted.

In the newest version the shortcut only works when you have the artboard itself selected.

It would be quicker to be able to hit the shortcut on any element within the artboard.

Hope you're able to fix this. If it's not clear let me know.

Best regards,

PK Vrieswijk

“Sort / Reverse Positions” issue with different art boards

this functionality at some point in development of the plugin stopped working for elements being on different artboards. Could you please by times look into that issue? many thanks!

Smart Align Horizontally not working on Sketch 45

The command doesn't work anymore since the 45 Sketch update

Duplicate Artboard broken in 46.2

The shifting of all content to the right and inserting next to the original artboard doesn't work atm ... please fix. Thanks in advance!

Reverse Layer Order Bug

First off, thank you so much for this. I hate that Sketch sorts Artboards from the bottom to top. So being able to reverse them helps.

However, I've noticed a consistently inconsistent bug. When sorting, sometimes it skips some of the layers you've selected, mainly the first few (which should be last in the order). It mostly happens when sorting a few Artboards (3 - 5) or a lot of them (20+). It happens about 50% of the time. And like I mentioned, it only misses the first handful, even if a bunch are selected.

Deprecation warning

Hi there. As you probably know, [MSTextLayer lineSpacing] has been deprecated for a while, and it will be removed in Sketch v40. Please update your Plugin to use [MSTextLayer lineHeight] instead, or it won't work in the next release :)

Select Parent Group Broken

Select Parent Group currently does nothing (couple months old bug). Using Sketch 3.2.2 (9983). Select Group Layers still works, as does the error message if no layer is selected. Thanks!

Demo : http://recordit.co/7Vnr6voVdE

Missing 'Sort' option

Love this so far but I can't seem to sort items - I've grouped and named my items just like int he example but don't see it in the 'Plugins > Sketch Mate' menu.

Readme screenshot links broken

I love this plugin and it's really become a great part of my Sketch workflow! I've referenced the screenshots a few times as I started to find more and more stuff I wanted to use. Recently the links started showing as broken. Any chance you could fix those? Thanks again for the great work.

Breaks on 3.5

Replace layer

Sort Artboards by Position doesn't work

Sketch Version 3.4.2

Push/Pull doesn't seem to be working in 39

I haven't been able to get Push/Pull layers to work on Sketch 39. Not sure if it broke earlier than that, but I've been wanting to use that feature again 😄

Thanks

[bug] space horizontal and vertical doesn't work on elements in different groups

if you try to apply the command to elements that aren't direct siblings, it doesn't work.

Replace Layer doesn't Keep Selection

Replace Layer should transfer selection to the replacing layer. Right now the selection is lost, which slows down the editing flow.

All "Sort Layers" options not working

There is another issue specifically for reverse layer order, but I think all the sort layer option now no longer work. This was such a useful feature. With the "Sketch sort layers" plugin also not being updated now, can't find any other plugins that perform similar feature.

Broken functionality in sketch 3.4

Replace, smart align, and a bunch of other plugins are broken in 3.4 beta. Sketch mate is super useful, please update for the new API, thxxxxx!

Request: Sort Artboard by Position Reversed

I want to sort my artboards in the Layers panel, so that the top left most artboard on the canvas, is the first artboard at the top of the layers list. Make sense? Thanks! 😄

Can support to the latest version of it?

Can support to the latest version of it?

Readme on partial install not clear

I only wanted to install the layer sorting plugins. I tried following instructions in readme but I couldn't make that work/didn't understand.

I ended up opening the the full package contents, deleting what I didn't need and modifying the manifest file.

This worked but still wondering if there was a simpler way that I just couldn't follow from the instructions.

P.S. Thanks for making these plugins available--very helpful!

Duplicate Artboard stopped working in Sketch 43

Duplicate Artboard shift + ⌘ + D

Smart Align shortcuts same as Sketch arrange

So I notice that the shortcuts for Smart Align, a lot of them are the same as Sketch's default shortcuts for Arrange menu items. How can I fix or change this? Should I just change the shortcuts in the plugin files? Thanks

align any object outside of artboards with any artboard via “smart align”

Missing autofocus in dialogs since Sketchapp Version 53

Until now, when I hit the keyboard shortcut to open Sketch Mate's Dialog (for instance Smart Align), it was in autofocus, so that I could go ahead and type my value and hit enter.

Since Version 53, I'm missing the autofocus:

Also: I'm not sure, but I think before, there was no prefilled value in the input field. Now there is a "0".

It would be so great, if the autofocus in the dialogs would be there again and if there would be no prefilled value, like so:

Feature Request - Vertical stretch

@getflourish I use stretch a lot, but I'd love a vertical stretch as well. Ideally, the two command would be renamed "stretch width" (cmd-e) and "stretch height" (cmd-opt-e).

thx!

Document "Wrap in Bounding Box" behaviour

The "Wrap in bounding Box" plugin is [broken]. It is unclear what functionality this plugin did provide.

We need documentation of this feature if we want to be able to fix/use it :-)