responsivator-sketch-plugin

Sort your artboards based on the target device or section.

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