Stroke Scaler

About this plugin

Description

Stroke Scaler is a powerful yet simple Figma plugin designed to help designers quickly adjust stroke weights across multiple objects. Whether you need to scale strokes proportionally or adjust them by a fixed amount, this plugin provides an intuitive interface with live preview capabilities.

ㅤ

ㅤ

Key Features

1. Two Scaling Modes: Choose between percentage-based scaling or fixed-point adjustments
2. Real-time Preview: See changes instantly before applying them
3. Batch Processing: Works on multiple selected objects simultaneously
4. Nested Object Support: Automatically processes children within groups and frames
5. Undo Support: Cancel changes and revert to original stroke weights

ㅤ

ㅤ

➊ Getting Started

1. Select Objects: Select one or more objects with strokes in your Figma file
2. Launch Plugin: Go to Plugins → Stroke Scaler or use the quick search (Cmd/Ctrl + /)
3. Adjust Strokes: Use the interface to scale or adjust your stroke weights
4. Apply Changes: Click Apply to finalize or Cancel to revert

ㅤ

ㅤ

➋ Scaling Modes

🅰 Scale by Percentage

Scale stroke weights proportionally by a percentage value.

1. Range: 1% to 500% (can input up to 1000%)
2. Default: 100% (no change)
3. Use Case: Perfect for scaling designs up or down while maintaining proportions

Example:

1. Original stroke: 2px
2. Scale to 150%
3. Result: 3px

ㅤ

ㅤ

🅱 Adjust Stroke Weight

Add or subtract a fixed amount from stroke weights.

1. Range: -100 to +100 points (can input up to ±1000)
2. Default: 0 (no change)
3. Use Case: Ideal for making uniform adjustments across multiple objects

Example:

1. Original stroke: 2px
2. Adjust by +1
3. Result: 3px

ㅤ

ㅤ

➌ Controls

Slider

1. Drag: Move the slider to adjust values
2. Right-click: Instantly reset to default (100% or 0)

Number Input

1. Type: Enter precise values directly
2. Arrow Keys: Fine-tune values
3. ↑/↓: Adjust by 1
4. Shift + ↑/↓: Adjust by 10
5. Cmd/Ctrl + ↑/↓: Adjust by 0.1

Reset Button

1. Click the × button next to the input to reset to default value
2. Disabled when already at default value

Preview Toggle

1. Enabled: See changes in real-time as you adjust values
2. Disabled: Changes only apply when you click Apply

ㅤ

ㅤ

➍ Buttons

1. Apply: Finalizes the changes and closes the plugin
2. Cancel: Reverts all changes and closes the plugin

ㅤ

ㅤ

➎ Tips & Tricks

1. Preview Mode: Keep preview enabled to experiment with different values before committing
2. Keyboard Efficiency: Use arrow keys with modifiers for precise control
3. Batch Editing: Select multiple objects or entire frames to adjust all strokes at once
4. Quick Reset: Right-click on sliders to instantly return to default values
5. Nested Objects: The plugin automatically processes strokes in nested groups and frames

ㅤ

ㅤ

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