Skip to content
Sort layers based on a specific prefix method
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Resources Added sort preference May 25, 2017
example Added proper readme and example file May 3, 2017
novemberfive-responsivator.sketchplugin/Contents/Resources
scripts
src
.appcast.xml
.babelrc Initial version May 3, 2017
.editorconfig
.eslintrc
.gitignore
CHANGELOG.md
LICENSE Initial version May 3, 2017
README.md Update README.md Jul 6, 2017
package-lock.json Publish 0.4.0 release 🚀 Feb 7, 2018
package.json
yarn.lock

README.md

responsivator-sketch-plugin

GitHub release

Sort your artboards based on the target device or section.

Responsivator Sketch Plugin

Blog post

You can read here how and why we use this plugin: https://novemberfive.co/blog/responsive-workflow-design-sketch/

Installation

For designers (to use this plugin instantly)

  • Download the latest release of the plugin
  • Un-zip
  • Double-click on novemberfive-responsivator.sketchplugin
  • Install

For developers/contributers

  • Clone the repo
  • Install the dependencies (npm install)
  • Build (npm run build)
  • Double-click on novemberfive-responsivator.sketchplugin

Getting started

Name of the artboard should be in following format: [a-z]-[0-9]-[0-9] with every slice repeatable n times For example:

  • x-010-010 -> Device x section 010 and screen 010
  • s-020-010 -> Device s section 020 and screen 010
  • l-010-020 -> Device l section 010 and screen 020
  • xl-0010-0020 -> Device xl section 0010 and screen 0020
  • xxl-1-0 -> Device xxl section 1 and screen 0

Take a look at the example file to see how it works

You can’t perform that action at this time.