Back to Plugins
Tone Weaver

Tone Weaver

Turn one color into a complete tone system.

Plugin Preview

Tone Weaver 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

  1. design systems
  2. UI teams
  3. branding
  4. developer-ready token workflows
  5. fast palette creation
  6. projects requiring color consistency & precision

Plugin Details

Version2
CreatedDecember 8, 2025
Last UpdatedDecember 9, 2025
Categoryshapes-colors
CreatorAndrey Kutenko
Stats2 installs, 1 likes
PricingFree

Technical Details

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