https://github.com/romannurik/sketch-artboardtricks

A variety of artboard-related utilities for Sketch, primarily rearranging them into a grid, numbering them, etc.
https://github.com/romannurik/sketch-artboardtricks

sketch sketch-plugin

Last synced: 3 days ago
JSON representation

A variety of artboard-related utilities for Sketch, primarily rearranging them into a grid, numbering them, etc.

• Host: GitHub
• URL: https://github.com/romannurik/sketch-artboardtricks
• Owner: romannurik
• License: apache-2.0
• Created: 2015-08-08T20:44:18.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T15:13:46.000Z (about 2 years ago)
• Last Synced: 2025-01-21T21:04:05.424Z (11 days ago)
• Topics: sketch, sketch-plugin
• Language: JavaScript
• Homepage:
• Size: 882 KB
• Stars: 320
• Watchers: 12
• Forks: 15
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Artboard Tricks plugin for Sketch

Contains a set of artboard tricks for Sketch. See below for more.

# Installation

* [Download the latest release](https://github.com/romannurik/Sketch-ArtboardTricks/releases/latest) and double-click the `.sketchplugin` file to install.

* Or you can install the plugin with [Sketch Runner](http://bit.ly/SketchRunnerWebsite).

  

# The commands

## Rearrange Artboards Into Grid

Automatically rearranges your artboards into rows containing an arbitrary number of columns.

This is useful for organizing your artboards into distinct "flows", where each row corresponds to a flow.

![Demo Screencap](https://raw.githubusercontent.com/romannurik/Sketch-ArtboardTricks/master/art/rearrange.gif)

Rows are 400px apart and columns are 100px apart by default (configurable per page).

The command also re-orders the list of artboards in the sidenav according to its position. 

Note that the arrangement is based on the current position of each artboard.

## Prefix Artboard Names With Numbers

Prefixes each artboard in your page with a number such as 102, 300, 517, etc. based on X and Y position.

This is designed to be used with the "Rearrange Artboards Into Grid" command. The first digit is the row,

the second 2 digits are the column, like so:

```

100 101 102

200 201

300 301 302 303 304

```

## Select Artboards Containing Selection

Selects the artboard(s) that contain your selection. Useful if you want to select multiple artboards quickly

(click and drag to select a bunch of layers, then run this script to select the container artboards).