Tone Weaver
Turn one color into a complete tone system.
Plugin Preview
About this plugin
Tone Weaver is a smart color system generator that transforms a single color into a complete palette, variable set, and JSON token structure. Fast, accurate, and beautifully organized.
The plugin automatically builds tone scales, assigns clear naming, creates variable collections, exports clean token files, and helps designers work with color without tedious manual steps.
Pick a color → Tone Weaver instantly generates a polished tone system, adds it to Variables or Styles, or save it as JSON.
Just click Generate — the rest is magic.
✦ Features
▪ Generate full color palettes from a single tone
Smooth, consistent shade scales from darkest to lightest.
▪ Create Variables automatically
The plugin builds collections, applies naming, and organizes tones into a clean structure.
▪ Add any HEX color instantly
Enter a hex value — get a complete palette.
▪ More Shades
Expand your palette with additional tone steps for deeper control.
▪ Save & Import palettes as JSON
Store your palettes, transfer them between projects, or share with your team.
✦ Perfect for
- design systems
- UI teams
- branding
- developer-ready token workflows
- fast palette creation
- projects requiring color consistency & precision
Plugin Details
| Version | 2 |
|---|---|
| Created | December 8, 2025 |
| Last Updated | December 9, 2025 |
| Category | shapes-colors |
| Creator | Andrey Kutenko |
| Stats | 2 installs, 1 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 shapes-colors category.