Back to Plugins
ColorAura - Enhanced Shade Generator

ColorAura - Enhanced Shade Generator

Superelliptic curve-based generator for perfect tints & shades

color variablesgeneratorpalettehueshadesvariablescolor palettedesign systemtintscolorcolor styles

Plugin Preview

ColorAura - Enhanced Shade Generator preview

About this plugin

ColorAura - Enhanced Shade Generator


ColorAura turns the creation of color shades into an exact science. Using a mathematically calibrated super elliptic curve, the plugin generates professional color scales that can be customized to fit any project's needs.


Key features:

  1. Create hues based on a super elliptic curve for smooth and natural transitions
  2. Full integration with Figma Variables for a systematic approach to color
  3. Non-linear distribution for more precise gradation control
  4. Automatic text adaptation (black/white) depending on background brightness
  5. Intuitive interface with real-time visual previews


Customization for your needs:

Take full control of your color scales with adjustable super ellipse settings and distribution types. Choose between linear and step distributions, include white and black colors in your palette, or create variable-free palettes for rapid prototyping. The possibilities are endless.


Working with variables:

ColorAura seamlessly integrates with Figma Variables, automatically creating and organizing color variables into a clean, hierarchical structure. Each shade gets a meaningful name in the format "ColorName/Percent", making them intuitive to use across your design system.


Questions and Support:

For suggestions, bug reports, or general feedback, please reach out through the Figma Community or connect with me on social media (@ninsent). Your input helps make ColorAura better for everyone!

Plugin Details

Version1
CreatedDecember 29, 2024
Last UpdatedJanuary 3, 2025
Categoryediting & effects plugins
CreatorNursultan Akim
Stats27 installs, 8 likes
PricingFree

Technical Details

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