novemberfiveco / Symbol Spacer Sketch Plugin
Licence: mit
automatically trigger Sketch’s “reset to original size” function when deselecting symbol
Stars: ✭ 86
Programming Languages
javascript
184084 projects - #8 most used programming language
symbols
36 projects
Projects that are alternatives of or similar to Symbol Spacer Sketch Plugin
Html Sketchapp Cli
Quickly generate Sketch libraries from HTML documents and living style guides, powered by html-sketchapp
Stars: ✭ 631 (+633.72%)
Mutual labels: sketch-plugin, design, sketch
Prism
Creates a beautiful artboard color palette with all your 'Document Colors' and their respective color label in a variety of formats.
Stars: ✭ 1,027 (+1094.19%)
Mutual labels: sketch-plugin, design, sketch
Sketch Copy Paste Shadows
Copy & paste only shadow styles from layers without others styles getting in the way.
Stars: ✭ 38 (-55.81%)
Mutual labels: sketch-plugin, design, sketch
Persiansupplier
Sketch Plugin for supplying dynamic persian data.
Stars: ✭ 46 (-46.51%)
Mutual labels: sketch-plugin, sketch
Date Time Sketchplugin
Sketch data plugin generating random dates and times
Stars: ✭ 45 (-47.67%)
Mutual labels: sketch-plugin, sketch
Sketch Text Style Master
Sketch plugin providing utilities for working with shared text styles
Stars: ✭ 32 (-62.79%)
Mutual labels: sketch-plugin, sketch
Sketch Textbox Fit Content
Set the height of a selected text layer or all text layers in a selected group to it's content's height.
Stars: ✭ 49 (-43.02%)
Mutual labels: sketch-plugin, sketch
Quickcolor
Quickly apply fills from the global or document color palettes to selected elements - 🎨
Stars: ✭ 59 (-31.4%)
Mutual labels: sketch-plugin, sketch
6spiral Sketch Plugin
Sketch plugin to draw Spiral and Helix shapes.
Stars: ✭ 72 (-16.28%)
Mutual labels: sketch-plugin, sketch
Carbon Design Kit
A versioned, comprehensive kit of the Carbon Design System visual assets (components, iconography, color palettes, grids, templates).
Stars: ✭ 985 (+1045.35%)
Mutual labels: design, sketch
Unsplash Sketchplugin
Unsplash Data Provider plugin, for Sketch 52+
Stars: ✭ 71 (-17.44%)
Mutual labels: sketch-plugin, sketch
Design Systems
A Sketch app plugin that help you find out popular design systems and download official Sketch UI kit.
Stars: ✭ 83 (-3.49%)
Mutual labels: sketch-plugin, sketch
Sketch Resize Commands
A Sketch plugin that lets you resize and reposition objects by using simple arithmetic commands, like `b+20,lr+20`. Multiple objects are supported.
Stars: ✭ 32 (-62.79%)
Mutual labels: sketch-plugin, sketch
Sketch Name Organizer
🖌 Rename and sort artboards based on their x and y position; Rename layers based on their Style and Symbol.
Stars: ✭ 50 (-41.86%)
Mutual labels: sketch-plugin, sketch
Sketch Icons
🚀 Generate a dynamic icon library
Stars: ✭ 878 (+920.93%)
Mutual labels: sketch-plugin, sketch
Import Colors Sketch
Import colors from macOS CLR, Photoshop ACO/ACT, Illustrator ASE, GIMP GPL, Sketch, Text file to Sketch color variables.
Stars: ✭ 32 (-62.79%)
Mutual labels: sketch-plugin, sketch
Bettertypepanel
A sketch plugin to help manage common OpenType properties
Stars: ✭ 80 (-6.98%)
Mutual labels: sketch-plugin, sketch
symbol-spacer-sketch-plugin
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].