Drop - Update color variables
A utility tool for quickly and accurately changing color variables
Plugin 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:
- Leonardo Color: https://leonardocolor.io/
- ColorSpace: [https://mycolor.space](https://mycolor.space/)
- Colormind: http://colormind.io/
- Paletton: [https://paletton.com](https://paletton.com/)
- Coolors: [https://coolors.co](https://coolors.co/)
How it works
- Select your variable collection, group, and mode
- Paste your updated color palette info (JSON, CSS, HEX code)
- Click “Update Variables”
- Enjoy!
Support:
Plugin Details
| Version | 1 |
|---|---|
| Created | October 12, 2025 |
| Last Updated | October 14, 2025 |
| Category | File organization plugins |
| Creator | Joseph Mueller |
| Stats | 3 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the File organization plugins category.