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! 🪄


  • Using color generator technique by ColorBox to generate color grades and palettes as variables.
  • Exporting color list to Figma canvas
  • Using mathematical ways to generate different scales of numbers for your spacing, sizing, font scale, border radius, and border width variables.
  • 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

Version7
CreatedAugust 20, 2023
Last UpdatedMay 6, 2024
Categorydesign-systems
CreatorMohamed Fawzy
Stats1040 installs, 113 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