Code Monkey home page Code Monkey logo

sketch-artboardtricks's Introduction

Artboard Tricks plugin for Sketch

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

Installation

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

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).

sketch-artboardtricks's People

Contributors

adamkirkwood avatar francisyzy avatar romannurik avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

sketch-artboardtricks's Issues

Better prefix

I can see that the first digit is for the row and next two digits for the column and I was curious how it would act if I needed more than 9 rows, the plugin adds a zero behind all the previous row sounds intuitive but, it's a big no no if you use collaboration tools like sympli, invision where each screen/artboard updated and versioned based on their name. it's better to use two digit alpha numeric value it first digit is for the row second digit for column
11 12 13 ...... 19 1a ....... 1z
21 22 23 ...... 29 2a....... 2z
.
.
91
a1 a2 a3 ...... a9 aa........az
.
.
z1 z2 z3....... z9 za....... zz

which will give us a total of 35 rows and 35 columns(more than 1000 art boards!) and it will be taking only two digit

Crashing

Rearrange Artboards into Grid function causes Sketch to quit. Have disabled all other plugins and reinstalled.

I'm running version 48.2 on macOS High Sierra version 10.13.2.

Thanks in advance.

List sorting problem

Thank you for your software, I have a small suggestion. When arranging the artboards, you can choose the sorting of the artboard list.

The list of artboards can be arranged in reverse order or in normal order

Feature Request

Can you create a "reverse" for your sort? I am trying to sort artboards using an A-ZZ labeling scheme and your plugin works beautifully but puts A last in my sketch files.

Symbols Page

Select artboards containg selection doesn't seem to work on Symbols Page :(

Ignore the symbols artboards

Hi, thanks for this amazing plugin!
The symbols artboards are also arranged and prefixed. I'd love to be able to ignore these artboards.
Thank you!

Conflicting keyboard shortcut

The keyboard shortcut ⌘⌃⌥R is in conflict with another plugin Rename It.

I use Rename It way more frequently and now it's overridden with this. I have no problem with clicking through the navigation menu... but I'm so used to that shortcut that I frequently make a mistake that results in reorganising artboards in a page where I don't want it to happen.

Keyboard shortcuts in Sketch live in an anarchy... every plugin can assign their own. That results in conflicts. It would be good to fix this for good.

Way to fix it: add checkbox to preferences disable keyboard shortcuts to the preferences. Ideal would be to customise it, but I know that's not an easy fix.

PS: Roman, thanks much for writing this plugin. It saved me! There are at least two more other plugins to do similar thing that are unusable. Your is the king! I'm planning to use this plugin in future frequently, that's why I took the time to write this issue.

Artboard tricks preferences NOT working

Using Mac El capitan and latest sketch version - the plugin works great but for the preferences. When tapping the option, nothing happens. No popup or anything else. Tried to reinstall plugin automatically and manually but in vain. Please help! can't live with 100,100 default setting forever :(
For more info please contact [email protected] (Gitless)

image

Latest version needs selection of artboards for rearrangement

I like how the plugin (version 1.11.1) can now rearrange the selected artboards only.

However, when you want to rearrange all artboards you need some extra steps:

  1. Select All (command+A)
  2. Select Artboards Containing Selection (thanks to ArtboardTricks)
  3. Rearrange

Step 1 + 2 are cumbersome and error prone.

It would be helpful to simply rearrange ALL artboards if there is no selection. Just like before.

Best of both (new and old) worlds?

Not working on High Sierra GM Build

Hi, Roman! Thanks for the awesome plugin.

As soon as I try to run the plugin to arrange artboards - Sketch crashes. I had installed it via Sketch Runner.

Is this a known issue?

Rearrange only selected artboards

Hi!

Not sure that's the way Artboard Tricks was actually designed to behave, but I noticed that running this plugin currently affects all artboards within a page, even if I have only a few of them selected.

I'm assuming it should rearrange all artboards, if none selected, and only the selected ones if there are any. Is that correct?

I'm running Sketch 39.1.

Sketch not recognizing plugin

I've uninstalled and reinstalled the plugin several times using various methods (in plugins folder or through "Manage Plugins") and it won't appear in the plugins dropdown menu or in the "Manage Plugins" option. Using Sketch version 51.2 (57519) on OS 10.12.6.

Set prefix separator as a setting

Right now I made a small change to the plugin code to set my separator character to a space.
Also made a small change to the remove prefix code.

It will probably be overwritten with the next Plugin update though :-)

So would be great to allow to set the separator character as a setting.
Or, to set the separator character as a variable in the code, so it allows users to easily change it without breaking it (or forgetting how to).

Plugin broken in Sketch 72

Seems like the newest update of Sketch broke ArtboardTricks. Are you planning on updating it for Sketch 72?
I don't think I can live without ctrl cmd option r 😨

Automatic position of artboard not working

On Sketch 43 the auto adjustment of the position for artboards when you drag them is not working. The artboards just stay where you left them, being necessary to execute the "Rearrange command" again...

Add an icon to help differentiate the plugin from other plugins

Other sketch plugins use an emoji as part of their name to make them more visually distinct and easier to find in the menu.

screen shot 2017-02-09 at 12 38 38 pm

I'd suggest using one of these:

A) 🌟
B) ✨
C) 🎉

Even though there isn't a good emoji counterpart for the word "trick" or "artboard," the word "trick" implies a "tada!" moment, which I think these emoji capture. They're also all bright, and no sketch plugin (so far as I can tell) use them currently.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.