All Projects → lalomts → Chain

lalomts / Chain

Licence: gpl-3.0
Dynamic color relations in Sketch.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Chain

Sketchcontentsync
Sync sketch files with google docs.
Stars: ✭ 270 (-21.97%)
Mutual labels:  sketch-plugin, sketch
Css Buddy
A Sketch 3 plugin that allows you to use CSS on layers.
Stars: ✭ 279 (-19.36%)
Mutual labels:  sketch-plugin, sketch
Plugin Directory
Official Sketch Plugin directory
Stars: ✭ 3,412 (+886.13%)
Mutual labels:  sketch-plugin, sketch
sketch-search-everywhere
A Sketch plugin for searching layer and selecting it.
Stars: ✭ 53 (-84.68%)
Mutual labels:  sketch, sketch-plugin
Sketch Image Compressor
A Plugin for Sketch that compresses your bitmap assets, to keep filesize to a minimum.
Stars: ✭ 338 (-2.31%)
Mutual labels:  sketch-plugin, sketch
sketch-find-and-replace-text
Find and replace text throughout your Sketch document
Stars: ✭ 41 (-88.15%)
Mutual labels:  sketch, sketch-plugin
Sketch Module Web View
A sketch module for creating an complex UI with a webview
Stars: ✭ 270 (-21.97%)
Mutual labels:  sketch-plugin, sketch
sketch-markup-listify
Sketch plugin for convert and copy text layers into HTML lists.
Stars: ✭ 31 (-91.04%)
Mutual labels:  sketch, sketch-plugin
Google Sheets Content Sync Sketch Plugin
Sync content within a Google Sheets document, to text layers — based on their names. Edit and collaborate on your content in Google Sheets, then sync in back to your sketch files.
Stars: ✭ 277 (-19.94%)
Mutual labels:  sketch-plugin, sketch
Sketch Artboardtricks
A variety of artboard-related utilities for Sketch, primarily rearranging them into a grid, numbering them, etc.
Stars: ✭ 316 (-8.67%)
Mutual labels:  sketch-plugin, sketch
Sketch Connection Flow Arrows
Plugin for generating easy to use connection flow arrows in Sketch
Stars: ✭ 275 (-20.52%)
Mutual labels:  sketch-plugin, sketch
Sketch Lint
Check the compliance of your design guidelines within seconds
Stars: ✭ 291 (-15.9%)
Mutual labels:  sketch-plugin, sketch
instance-locator
Sketch plugin to locate instances of a symbol
Stars: ✭ 34 (-90.17%)
Mutual labels:  sketch, sketch-plugin
Sketch-Plugin
Plugin to share artboards directly via WeTransfer. Share the link easily with your colleagues and friends.
Stars: ✭ 39 (-88.73%)
Mutual labels:  sketch, sketch-plugin
nudge-resize-sketch-plugin
Sketch Plugin to quickly resize a layer with keyboard shortcuts
Stars: ✭ 25 (-92.77%)
Mutual labels:  sketch, sketch-plugin
Keys For Sketch
Advanced shortcut manager for Sketch app.
Stars: ✭ 281 (-18.79%)
Mutual labels:  sketch-plugin, sketch
Chromata
A color plugin for Sketch
Stars: ✭ 15 (-95.66%)
Mutual labels:  sketch, sketch-plugin
sketch-plugin
Design your next Atlassian app with our component libraries and suite of Sketch tools 💎
Stars: ✭ 51 (-85.26%)
Mutual labels:  sketch, sketch-plugin
Sketch-StickyGrid
Sketch plugin to make paths be snapped to grid.
Stars: ✭ 62 (-82.08%)
Mutual labels:  sketch, sketch-plugin
Sketch Plugin Manager
Keeping your Sketch plugins up to date.
Stars: ✭ 335 (-3.18%)
Mutual labels:  sketch-plugin, sketch

🦁 Chain is now on Product Hunt! Come show some love! ♥️

| Download | Features | Usage | Changelog | Next | Credits | Donate |

Features

  • Chain multiple layers
  • Create chains between multiple properties
  • Transform color properties to create more complex chains
  • Chains are stored in the document so you can update them anytime

Usage

Creating Chains

  1. Select the layers you want to chain
  2. Run the command New Chain from the menu or use [shift cmd c]
  3. Select your desired options and click OK

Applying property transformations

When selecting a new chain, you can apply different transformations to the color property you're chaining (hue/saturation/brightness/alpha). Just specify a percentage to offset the property (i.e If you apply a transformation of -10 on the brightness you will get a color 10% darker.

Updating Chains

To update the Chains in your document, just modify your reference layer and select Update all Chains or use [shift cmd u].

Removing chains

To remove Chains, select two chained layers and select Remove All Chains Between Selected Layers, that will erase the chains from the document.

What's Next

  • Better Chain management (for creating, editing and deleting them)
  • Improved UI to make it easier to implement Chain in yor workflow

If you have an idea for a new feature, create a new Issue or send me a message on Twitter.

Credits

  • Created with lots of ♥️ by Lalo

Like it?

If you find Chain useful, consider supporting its development.

Donate 😎

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