Back to Plugins
Bazzle: Color Palette & Variable Builder

Bazzle: Color Palette & Variable Builder

Craft Design Variables with a Click (Colors, Spacing, Sizing, and others)

designtokenscolor systemvariablesvariable collectioncolor palettedesign systemcolorcolor schemecolor styles

Plugin Preview

Bazzle: Color Palette & Variable Builder preview

About this plugin

🪄 Effortlessly Generate Comprehensive Global Variables in No Time! 🪄


  1. Using color generator technique by ColorBox to generate color grades and palettes as variables.
  2. Exporting color list to Figma canvas
  3. Using mathematical ways to generate different scales of numbers for your spacing, sizing, font scale, border radius, and border width variables.
  4. Exporting all to a variable collection with hierarchical group of variables, supporting both primitives and component tokens structures.



Have any questions?

Please put it in the comments below.


Sharing is caring: Don't forget to rate the plugin and share it with your friends ❤️

Plugin Details

Version9
CreatedAugust 20, 2023
Last UpdatedMay 21, 2025
Categorydesign-systems
CreatorMohamed Fawzy
Stats1097 installs, 118 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:dist/code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • https://unpkg.com
    • https://unpkg.com/@phosphor-icons/web