frankko / Artboard-Tools

Sketch.app plugins for arranging artboards and navigating between artboards.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Artboard Tools (Sketch plugins)

Contains seven items:

Arrange Artboards ( cmd+ctrl+1 )

Selects all artboards and arranges them in a grid. Like so:

A B C D
E F G H
I J

Group Artboards (Rows) ( ctrl+opt+1 )

Similar to Arrange Artboards, but more complicated. Instead of a predefined number of artboards per row, the plugin searches for artboards whose names match a pattern and includes them all on one row, starting a new row when the pattern is broken. Like so:

A A
B B B B B
C C C

Useful if you’re designing a bunch of screens and you wanted each section to be its own row.

The pattern searched for goes like this: ‘group name’ + ‘--’ + ‘whatever’. For example, ‘headers--version-A’, ‘headers--version-B’, ‘sidebars--version-A’, ‘footers--version-A’, ‘footers--version-B’. That would create three rows.

Group Artboards (Columns) ( ctrl+opt+2 )

[New] Just like Group Artboards (Rows) but goes vertically instead of horizontally, like so:

A B C
A B C
  B C
  B
  B

Zoom Artboard to Fit ( cmd+4 )

The equivalent of selecting an artboard and doing “Zoom Selection” (cmd+2), but this plugin always zooms out and centers the current artboard, even if you’ve selected a layer within the artboard.

Select Prev Artboard ( cmd+shift+[ ), Select Next Artboard ( cmd+shift+] )

Selects the previous artboard in the layer list or selects the next artboard in the layer list, depending on which you invoke, and zooms that artboard to fit the screen. (Think of it like next/previous tab in your browser.)

If no artboard (or a layer within an artboard) is selected, Prev will select the last (top-most) artboard in the layer list, Next the first (bottom-most) artboard.

Reverse Artboards Order

Reverses the artboards in the layer list. If your layer list looks like this:

frog
pig
chicken
lizard

it will change to

lizard
chicken
pig
frog

It doesn't sort the layers by name first. It doesn't move any artboard's position on the canvas. It just moves the top-most artboard to the bottom of the list, the bottom-most to the top, and so on. (Useful if you use a third-party service that sorts artboards the opposite way than you prefer.)


Note that for all plugins, the artboard order is determined by the artboard’s position in the layer list from top to bottom. Current artboard position on the canvas is ignored.


Installation

  1. Easy way: Install Sketch Toolbox; find “Artboard Tools”; click the “Install” button
  2. Less-easy way: Download the plugin zip; unzip the downloaded zip file; double-click the Artboard-Tools.sketchplugin file

User Prefs

Persistent preference overrides for certain items are now available. See instructions in this Gist.


Who?

I’m Frank Kolodziej, a Wichita, KS-based freelance designer & developer. I am available for hire. I’m @frankko on Twitter.

Other Plugins

  • Place Linked Bitmap: A plugin to place external bitmap files into Sketch and update Sketch layers after external bitmaps are updated
  • ★ Utility Belt: An always-expanding collection of simple, focused plugins for Sketch.

About

Sketch.app plugins for arranging artboards and navigating between artboards.


Languages

Language:JavaScript 100.0%