Back to Plugins
Alwan

Alwan

Apply random colors to fills and strokes of selected elements within a custom HSL range.

random strokecolor generatorrandom colorhslcontrol hsl rangecolor makerrandom colorsrandom generatorhsl rangealwanrandom fillhsl colors

Plugin Preview

Alwan preview

About this plugin

About Alwan

Alwan is your custom controlled random color generator.You can use Alwan to control what range of colors to apply randomly on selected elements. Effortlessly apply dynamic colors to selected elements with custom HSL Range values.


Features

Customize, Select, Apply!

  • Apply random colors to fills and strokes of selected elements.
  • Choose and control on what to apply from a variety of element types

- All : All elements selected (Including Group children)

- Rectangles : All rectangles selected

- Ellipses : All ellipses selected

- Polygons : All polygons selected

- Stars : All stars selected.

Text : All texts selected


  • Customize HSL ranges to control the color spectrum.
  • Instantly apply random colors with a single click.
  • Choose a HSL Preset to apply on selected elements.


Alwan streamlines the color design process, adding an element of spontaneity to your Figma workflow.


Instructions


Color Range

  • If you want to manually customize the color range than in the Custom Tab
  1. Customize Hue, Saturation & Lightness ranges using the sliders or manually input the values.
  2. Setup your Target Preferences.
  3. Click “Apply on x selected elements”.


  • If you want to use one of the Range Presets
  1. Choose which preset you want to apply
Full Spectrum, Vibrant, Neon, Pastel, Light & Dark Colors.
  2. Setup your Target Preferences.
  3. Click “Apply on x selected elements”.


Target Preferences

  • Define where to apply colors : Fills / Strokes
  • Define the element type you want to be affected by the random colors.


Please note: If you did not set a certain range for the colors, the plugin will automatically apply the full range for Hue, Saturation & Lightness.



Experiment with different settings to discover new color combinations.


You can reach me out for feedback and bug reports at [email protected] or via my personal contact form at https://brahimr.com/contact.


Thank you and happy randomizing!


Plugin Details

Version1
CreatedFebruary 25, 2024
Last UpdatedMarch 2, 2024
Categoryediting & effects plugins
CreatorBrahim Romdhane
Stats51 installs, 7 likes
PricingFree

Technical Details

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