RGB Color Randomizer

About this plugin

Description

A powerful Figma plugin that randomizes RGB colors of selected objects with precise control over color ranges. Perfect for creating color variations, testing designs with different palettes, or generating unique color schemes.

ㅤ

Features

1. Precise RGB Control: Set custom min/max ranges for Red, Green, and Blue channels (0-255)
2. Dual-Range Sliders: Interactive sliders with draggable range bars for intuitive color control
3. Live Preview: See changes in real-time before applying them
4. Selective Randomization: Choose to randomize fills, strokes, or both independently
5. Image Fill Support: Randomize colors within image fills while preserving alpha channels
6. Color Grouping: Option to group objects by their original colors for consistent randomization

ㅤ

Using the. Plugin

1. Open Figma
2. Go to Plugins → Browse plugins in Community
3. Search for "RGB Color Randomizer"
4. Click Run

ㅤ

Basic Usage

1. Select Objects: Select one or more objects in your Figma canvas
2. Open Plugin: Go to Plugins → RGB Color Randomizer
3. Adjust Settings: Configure your color ranges and options
4. Apply: Click Apply to randomize colors

ㅤ

ㅤ

➊ Setting Color Ranges

Each RGB channel (Red, Green, Blue) has its own range control:

1. Number Inputs: Type values directly (0-255)
2. Use Arrow Keys: to increment/decrement by 1 (Hold Shift + Arrow Keys to change by 10)
3. Dual Sliders: Drag the left knob for minimum value, right knob for maximum
4. Range Bar: The colored bar between sliders can be dragged to move both values together
5. Reset Button: Click the ✕ button to reset that channel to full range (0-255). Alternatively, double-click the slider to reset its value to default

ㅤ

ㅤ

➋ Randomization Options

Toggle these options based on your needs:

1. Randomize Fill Color: Randomizes the fill colors of selected objects
2. Randomize Stroke Color: Randomizes the stroke colors of selected objects
3. Randomize Image Fills: Applies color randomization to image fills (preserves transparency)
4. Group identical original colors: Objects with the same original color will receive the same random color

ㅤ

ㅤ

➌ Preview Mode

The eye icon button toggles live preview:

1. Enabled (blue): Changes are applied instantly as you adjust settings
2. Disabled (gray): Changes are only applied when you click Randomize or Apply

ㅤ

ㅤ

➍ Applying Changes

Three ways to apply randomization:

1. Randomize: Generates new random colors with current settings
2. Apply: Applies current preview and closes the plugin
3. Cancel: Reverts all changes and closes the plugin

ㅤ

ㅤ

☻ Tips & Tricks

1. Start with Preview On: See changes in real-time as you adjust ranges
2. Use Grouping for Consistency: Enable "Group identical original colors" to maintain color relationships
3. Save Time with Range Bar: Drag the colored bar to shift both min/max values together
4. Test Quickly: Disable preview and click Randomize multiple times for rapid iteration
5. Narrow Ranges for Subtlety: Use smaller ranges (e.g., 100-150) for subtle color variations
6. Wide Ranges for Variety: Use full ranges (0-255) for maximum color diversity

ㅤ

ㅤ

Need more design tools? Visit Samolevsky.com to discover more plugins and resources.

ㅤ

ㅤ