Back to Plugins
Drop - Update color variables

Drop - Update color variables

A utility tool for quickly and accurately changing color variables

Plugin Preview

Drop - Update color variables preview

About this plugin

Contained updates without the risks

Drop lets you specify what variable groups your want to update without touching anything else in your design system.


Most tools focus on creating LOTS of colors and shades for design systems, but that's only needed occasionally. More often, I’m working in an established system and need to make precise updates without unintended consequences, like accidentally overwriting other colors.


Dark mode without the headache

Paste your color palette click "Invert import order," and Drop automatically turns light mode into dark mode. No more remapping colors.


Works with your favorite tools

Drop automatically cleans and extracts the values from many color tools. Copy-paste directly from:

  1. Leonardo Color: https://leonardocolor.io/
  2. ColorSpace: [https://mycolor.space](https://mycolor.space/)
  3. Colormind: http://colormind.io/
  4. Paletton: [https://paletton.com](https://paletton.com/)
  5. Coolors: [https://coolors.co](https://coolors.co/)


How it works

  1. Select your variable collection, group, and mode
  2. Paste your updated color palette info (JSON, CSS, HEX code)
  3. Click “Update Variables”
  4. Enjoy!


Support:

[email protected]

Plugin Details

Version1
CreatedOctober 12, 2025
Last UpdatedOctober 14, 2025
CategoryFile organization plugins
CreatorJoseph Mueller
Stats3 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none