https://github.com/lalomts/chain

Dynamic color relations in Sketch.
https://github.com/lalomts/chain

color-relations hsb sketch sketch-plugin

Last synced: 3 days ago
JSON representation

Dynamic color relations in Sketch.

• Host: GitHub
• URL: https://github.com/lalomts/chain
• Owner: lalomts
• License: gpl-3.0
• Created: 2017-07-13T08:25:15.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-05-26T15:32:33.000Z (over 6 years ago)
• Last Synced: 2023-11-07T18:30:05.507Z (about 1 year ago)
• Topics: color-relations, hsb, sketch, sketch-plugin
• Language: JavaScript
• Homepage: https://lalomrtnz.github.io/Chain/
• Size: 8.67 MB
• Stars: 345
• Watchers: 19
• Forks: 21
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# 🦁 Chain is now on Product Hunt! Come [show some love!](https://www.producthunt.com/posts/chain-4) ♥️



  



 |   [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](https://github.com/LaloMrtnz/Chain/issues) or send me a message on [Twitter](https://twitter.com/L__A__L__O).

# Credits 

* Created with lots of ♥️ by [Lalo](https://twitter.com/L__A__L__O) 

# Like it? 

If you find Chain useful, consider supporting its development. 

[Donate 😎](https://www.paypal.me/LaloMrtnz/5usd) 

[Download]:https://github.com/LaloMrtnz/Chain/releases/latest

[Features]:https://github.com/LaloMrtnz/Chain#features

[Usage]:https://github.com/LaloMrtnz/Chain#usage

[Changelog]:https://github.com/LaloMrtnz/Chain/releases

[Next]:https://github.com/LaloMrtnz/Chain#whats-next

[Credits]:https://github.com/LaloMrtnz/Chain#credits

[Donate]:https://www.paypal.me/LaloMrtnz/0usd