Skip to content

Latest commit

 

History

History
executable file
·
39 lines (28 loc) · 1.5 KB

README.md

File metadata and controls

executable file
·
39 lines (28 loc) · 1.5 KB
Raw

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