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.
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