Back to Plugins
Color Sync

Color Sync

Color inheritance made easy!

systemcolourdesigninheritsynclinksemanticdesign systemcolorstylesdescription

Plugin Preview

Color Sync preview

About this plugin

Maintain inheritance between color styles. Create parent-child relationships between color styles by using the description field of the color style.Configuration is quick and easy:


  1. Add the name of the parent into the description of a child style.
  2. Run the plugin! All children will inherit their parent’s color. If there is a change to a parent style, all the child styles will update.


You can use modifiers to manipulate inherited colors, by simply including the modifier into the description of the child style:


  • lightness=x%: Set a fixed lightness between the values of 0 and 100

Plugin Details

Version11
CreatedSeptember 22, 2022
Last UpdatedDecember 17, 2022
Categoryshapes-colors
CreatorJeremy Kabogo
Stats220 installs, 30 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:dist/index.js
  • Editor Types:
    figma

More Like This

Discover other plugins in the shapes-colors category.