Back to Plugins
Color shades sync

Color shades sync

Automatic synchronization 
of child color shades in styles

systemdesignsynclinksync styledesign systemcolorstylescolor stylesdescription

Plugin Preview

Color shades sync preview

About this plugin

Useful action.

Automatic update child shades when the parent color changes in styles.


Features.

You can create child shades using lightening, darkening, and opacity scales. 


The tool.

Through specifying a command in the color description field.

"Name the parent color with one word [space] command=value"

Example: red opacity=80


Commands:

opacity

darkness

lightness


To fine-tune the child shade on the darkness and lightness scales, you need to switch the color to HSL mode and move to the L field. 

Move up from the current state - movement on the lightness scale.  

Move down from the current state - movement on the darkness scale.  


The inspiration for creating this plugin was the "color sync" plugin

Plugin Details

Version2
CreatedMay 3, 2023
Last UpdatedMay 4, 2023
CategoryUncategorized
CreatorDmitry Chashchinov
Stats159 installs, 17 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Editor Types:
    figma

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.