Skip to content

GeertWille/symbol-spacer-sketch-plugin

 
 

Repository files navigation

symbol-spacer-sketch-plugin

GitHub release

Automatically resizes symbol to original size when switching from one spacing to another spacing symbol

Blog post

How we use this plugin in combination with AnimApp: https://novemberfive.co/blog/animapp-sketch-spacings/

Functionality

When you change a symbol that starts with the string @spacing (default) and deselect, our plugin will automatically trigger Sketch’s “reset to original size” function. The symbol will be updated, and its size will be updated to the new symbol’s original size.

As a default, the spacings layer names should always start with "@spacing": @spacing-16, spacing / @spacing-32,... This is the naming we use, but you can change this to match your own conventions in the Settings.

Unlike Sketch’s own default setting, our plugin updates the layer name to match the name of the updated symbol.

Symbol Spacer

Installation

From a release (simplest)

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

From the sources

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

About

automatically trigger Sketch’s “reset to original size” function when deselecting symbol

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 96.5%
  • CSS 2.4%
  • HTML 1.1%