Stroke Width Randomizer

About this plugin

A powerful Figma plugin that applies random stroke widths to selected objects within a customizable range. Perfect for creating organic, hand-drawn effects or adding visual variety to your designs.ㅤFeaturesLive Preview: See changes in real-time as you adjust settingsCustomizable Range: Set minimum and maximum stroke width values (0-100px)Smart Controls: Interactive sliders and numeric inputs with keyboard shortcutsZero-Stroke Handling: Option to skip objects that don't have strokesNested Object Support: Apply randomization to child elements within groups and framesㅤㅤ➊ Getting StartedSelect Objects: Choose one or more objects in your Figma canvas that you want to apply random stroke widths toOpen Plugin: Go to Plugins → Stroke Width RandomizerAdjust Settings: Configure your desired stroke width range and optionsPreview Changes: The plugin shows live preview by defaultApply: Click "Apply Random Stroke" to finalize the changesㅤㅤ➋ Interface OverviewㅤStroke Width RangeMinimum Stroke Width: The lowest possible stroke width (0-100px)Maximum Stroke Width: The highest possible stroke width (0-100px)Use sliders for quick adjustments or input fields for precise valuesㅤOptionsSkip Zero Stroke Objects: When enabled, objects without existing strokes will be ignoredLive Preview: Toggle real-time preview of changes (enabled by default)Include Nested Objects: Apply randomization to child elements within selected groups/framesㅤControlsRandomize: Generate a new random pattern while keeping the same settingsApply Random Stroke: Apply the current preview to your selection permanentlyCancel: Close the plugin and revert any preview changesㅤㅤ➌ Keyboard ShortcutsWhen focused on numeric input fields:Arrow Keys: Adjust value by ±1Shift + Arrow Keys: Adjust value by ±10Cmd/Ctrl + Arrow Keys: Adjust value by ±0.1Slider ShortcutsRight-click or Double-click on minimum slider: Reset to 0Drag sliders: Real-time value adjustment with live previewㅤㅤ➍ Advanced UsageWorking with Groups and FramesThe plugin can handle nested objects in two ways:Selected Objects Only: Apply randomization only to the directly selected itemsInclude Nested Objects: Apply randomization to all child elements within selected groups, frames, or componentsZero-Stroke HandlingSkip Enabled: Objects without strokes remain unchangedSkip Disabled: Objects without strokes will receive new random stroke widths and default black stroke colorPreview ModeLive preview shows changes immediately as you adjust settingsEach preview uses a unique random seed for variationThe "Randomize" button generates new random patternsFinal application can either match the preview exactly or generate new random valuesㅤㅤ➎ Best PracticesStart with Preview: Always use the live preview to see how your settings affect the selectionAdjust Range Gradually: Begin with a small range and expand as neededConsider Object Hierarchy: Use "Include Nested Objects" for complex groupsSave Originals: The plugin automatically saves original stroke widths for the session, but consider duplicating important objectsExperiment with Seeds: Use the "Randomize" button to explore different random patternsㅤㅤNeed more design tools? Visit Samolevsky.com to discover more plugins and resources.