Stroke Scaler
Figma 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
- Two Scaling Modes: Choose between percentage-based scaling or fixed-point adjustments
- Real-time Preview: See changes instantly before applying them
- Batch Processing: Works on multiple selected objects simultaneously
- Nested Object Support: Automatically processes children within groups and frames
- Keyboard Shortcuts: Quick adjustments using arrow keys with modifier support
- Undo Support: Cancel changes and revert to original stroke weights
ㅤ
Installation
- Open Figma
- Go to Plugins → Manage plugins
- Search for "Stroke Scaler"
- Click Install
- The plugin window will appear with multiple options:

Alternatively, you can install it from the Figma Community page.
ㅤ
➊ Getting Started
- Select Objects: Select one or more objects with strokes in your Figma file
- Launch Plugin: Go to Plugins → Stroke Scaler or use the quick search (Cmd/Ctrl + /)
- Adjust Strokes: Use the interface to scale or adjust your stroke weights
- Apply Changes: Click Apply to finalize or Cancel to revert
➋ Scaling Modes
🅰 Scale by Percentage
Scale stroke weights proportionally by a percentage value.
- Range: 1% to 500% (can input up to 1000%)
- Default: 100% (no change)
- Use Case: Perfect for scaling designs up or down while maintaining proportions
ㅤ
Example:
- Original stroke: 2px
- Scale to 150%
- Result: 3px
ㅤ
🅱 Adjust Stroke Weight
Add or subtract a fixed amount from stroke weights.
- Range: -100 to +100 points (can input up to ±1000)
- Default: 0 (no change)
- Use Case: Ideal for making uniform adjustments across multiple objects
ㅤ
Example:
- Original stroke: 2px
- Adjust by +1
- Result: 3px
➌ Controls
Slider
- Drag: Move the slider to adjust values
- Right-click: Instantly reset to default (100% or 0)
ㅤ
Number Input
- Type: Enter precise values directly
- Arrow Keys: Fine-tune values:
- ↑↓: Adjust by 1
- Shift + ↑↓: Adjust by 10
- Cmd/Ctrl + ↑↓: Adjust by 0.1
ㅤ
Reset Button
- Click the × button next to the input to reset to default value
- Disabled when already at default value
ㅤ
Preview Toggle
- Enabled (default): See changes in real-time as you adjust values
- Disabled: Changes only apply when you click Apply
➍ Buttons
- Apply: Finalizes the changes and closes the plugin
- Cancel: Reverts all changes and closes the plugin
ㅤ
Tips & Tricks
- Preview Mode: Keep preview enabled to experiment with different values before committing
- Keyboard Efficiency: Use arrow keys with modifiers for precise control
- Batch Editing: Select multiple objects or entire frames to adjust all strokes at once
- Quick Reset: Right-click on sliders to instantly return to default values
- Nested Objects: The plugin automatically processes strokes in nested groups and frames
☻ Summary
Stroke Scaler streamlines your design workflow by making stroke adjustments quick and intuitive. With real-time preview and flexible scaling options, you can confidently modify stroke weights across your entire project in seconds.
ㅤ
ㅤ