Code Monkey home page Code Monkey logo

sketchplugin-align-artboards's Introduction

Align Artboards Sketch Plugin

Easily aligns all artboards vertical or horizontal by name. Uses the same convention as 'Sketch export folder structure 'parent/child'.

Usage

usage

Normal (400px gap between artboards)

⇧ Shift + ⌘ cmd +⌥ alt + 1 = Align artboards horizontally.

⇧ Shift + ⌘ cmd +⌥ alt + 2 = Align artboards vertically.

Compact (100px gap between artboards)

⇧ Shift + ⌘ cmd +⌥ alt + 3 = Align artboards horizontally.

⇧ Shift + ⌘ cmd +⌥ alt + 4 = Align artboards vertically.

Why make this plugin?

We were looking for an easy way to organise our big sketch files but couldn't find a proper solution. So we created this plugin to easily organise artboards and sybmols.

Installation

  1. Download the plugin
  2. Double-click the file, 'Align Artboards.sketchplugin'
  3. That's it...

Contribute

Pull requests are welcome and please submit bugs 🐛.

Contact

sketchplugin-align-artboards's People

Contributors

berkaytheunicorn 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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

sketchplugin-align-artboards's Issues

How to use?

Hi there, I'm new to Sketch and found your plugin.

How should I label my artboard for the plugin to work? If I want artboards with the same name to be grouped together?

Align vertical and align horizontal behaviors are reversed

Horizontal alignment follows the horizon so it should display side-by-side. A basketball player's vertical is how high they can jump so vertical alignment should show artboards one on top of the other.

In Sketch 50.2 this plugin has the menu items and behaviors reversed.

Request - Numerical Steps in Beginning

This plugin has the potential to be super amazing, but our teams haven't been able to adapt due to the need for the numbering system to be placed at the end.

We typically format this way

1.1.1 Select Funding
2.1.1 Login
2.2.1 Login Filled
3.1.1 Request...
etc

If the plugin could arrange the rows or columns based on the numbers at the beginning it would provide a lot of value. Is there a way to set this rule in a config file, perhaps?

Great work. Cheers!

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.