✨New
AI
Vibe Coding
Figma Plugin
A Figma plugin that batch‑resizes icons to custom preset sizes in one click!
Duration :
About 6-7 hours!!
Role :
End‑to‑end builder: Concept, UX,
Development
Team :
Only AI and I!
Skills :
● Product
● UX Research
● Development
The Problem :
Figma doesn't let you batch resize objects in one click.
Teams maintain icon libraries that must ship at consistent sizes, but resizing dozens of icons manually is slow and inconsistent. Designers need a fast way to apply exact sizes repeatedly, without breaking aspect ratios or changing orientation.
Click into every icon. Type a size. Repeat… dozens of times.
So I built a plugin to fix that.
Process :
Watched it happen:
I saw both solo designers and teams resizing icons one by one.Validated the need:
Peers who maintain libraries and freelancers working solo all wanted fast, repeatable sizes and a single‑click apply.Designed for simplicity:
No complex controls. Just:
1. Add size presets
2. Select icon layers
3. Click a presetBuilt with Cursor:
I designed the plugin in a couple of hours with quick iterations, then sketched the UI, coded bulk resize in Cursor, tested on mixed selections (frames, components, groups, vectors), and published it to the Figma Community.
Watched it happen:
I saw both solo designers and teams resizing icons one by one.Validated the need:
Peers who maintain libraries and freelancers working solo all wanted fast, repeatable sizes and a single‑click apply.Designed for simplicity:
No complex controls. Just:
1. Add size presets
2. Select icon layers
3. Click a presetBuilt with Cursor:
I designed the plugin in a couple of hours with quick iterations, then sketched the UI, coded bulk resize in Cursor, tested on mixed selections (frames, components, groups, vectors), and published it to the Figma Community.
Watched it happen:
I saw both solo designers and teams resizing icons one by one.Validated the need:
Peers who maintain libraries and freelancers working solo all wanted fast, repeatable sizes and a single‑click apply.Designed for simplicity:
No complex controls. Just:
1. Add size presets
2. Select icon layers
3. Click a presetBuilt with Cursor:
I designed the plugin in a couple of hours with quick iterations, then sketched the UI, coded bulk resize in Cursor, tested on mixed selections (frames, components, groups, vectors), and published it to the Figma Community.
The Solution :
Icon resizer:
A focused utility for batch resizing icons using named presets. Add multiple presets (exact width/height or proportional), select icon layers on canvas, and change them to a preset size in one click. Proportional scaling preserves aspect ratio and keeps rotation/flip unchanged, only size updates.
Design decisions :
Decision #1:
Decision #1:
One‑Click Bulk Apply:
Apply a chosen preset to every selected icon at once.
One‑Click Bulk Apply:
Apply a chosen preset to every selected icon at once.
One‑Click Bulk Apply:
Apply a chosen preset to every selected icon at once.
Why this approach: Removes repetitive resizing steps and speeds up reviews and handoff.
Design principle: Reduce cognitive load by shortening the path from intent to outcome.
Decision #2:
Decision #2:
Named Multi‑Presets:
Create and reuse several named sizes (e.g., 16, 20, 24, 32).
Named Multi‑Presets:
Create and reuse several named sizes (e.g., 16, 20, 24, 32).
Named Multi‑Presets:
Create and reuse several named sizes (e.g., 16, 20, 24, 32).
Why this approach: Encodes common targets so consistency doesn’t rely on memory or manual entry.
Design principle: Make standards the happy path.
Decision #3:
Decision #3:
Proportional Scaling:
Optional mode that scales width and height evenly to preserve aspect ratio; rotation and flips stay unchanged.
Why this approach: Protects visual integrity for rotated and non‑square icons while resizing.
Design principle: Respect user intent; avoid unexpected orientation changes.
Decision #4:
Decision #4:
Minimal, Focused UI:
Compact panel with presets on top and a clear apply action below.
Why this approach: Faster to scan and operate mid‑workflow with minimal context switching.
Design principle: Preserve flow state with just‑enough controls.
The Impact :
I’ve tested Icon Resizer with peers and colleagues, and the early wins are clear, will update this section with numbers as adoption grows.
Time saved on prep:
Bulk resize replaces per‑icon edits with one click, so people spend less time resizing and more time designing.Consistency across files:
With multiple presets, people can hit common targets like 16/20/24/32 every time, which keeps libraries clean.Fewer mistakes:
Proportional scaling keeps aspect ratio and rotation unchanged, so no need to fix distortions after resizing.Useful solo or with teams:
The same preset workflow works when working solo or collaborating with a team.Ready to share results:
The core workflow is stable and in use; I’ll publish installs, saves, and usage metrics as they come in.
I’ve tested Icon Resizer with peers and colleagues, and the early wins are clear, will update this section with numbers as adoption grows.
Time saved on prep:
Bulk resize replaces per‑icon edits with one click, so people spend less time resizing and more time designing.Consistency across files:
With multiple presets, people can hit common targets like 16/20/24/32 every time, which keeps libraries clean.Fewer mistakes:
Proportional scaling keeps aspect ratio and rotation unchanged, so no need to fix distortions after resizing.Useful solo or with teams:
The same preset workflow works when working solo or collaborating with a team.Ready to share results:
The core workflow is stable and in use; I’ll publish installs, saves, and usage metrics as they come in.
I’ve tested Icon Resizer with peers and colleagues, and the early wins are clear, will update this section with numbers as adoption grows.
Time saved on prep:
Bulk resize replaces per‑icon edits with one click, so people spend less time resizing and more time designing.Consistency across files:
With multiple presets, people can hit common targets like 16/20/24/32 every time, which keeps libraries clean.Fewer mistakes:
Proportional scaling keeps aspect ratio and rotation unchanged, so no need to fix distortions after resizing.Useful solo or with teams:
The same preset workflow works when working solo or collaborating with a team.Ready to share results:
The core workflow is stable and in use; I’ll publish installs, saves, and usage metrics as they come in.
What I Learned :
I had some reflections by the end of this project :
Vibe‑coding with AI speeds everything up: AI‑assisted coding made implementation and refactors faster, so designers can focus on decisions and craft instead of execution.
Solve the smallest pain first: Starting with one‑click bulk apply created immediate value and kept scope tight.
Simplicity beats more features: A small, focused UI made adoption easier than adding advanced controls.
To sum up :
Icon Resizer turns a tedious, error‑prone step into a one‑click habit, so more time goes into design and less into resizing.
Try the plugin in figma: 🔗Try the Plugin
I am always open to feedback: ideas, bugs, or improvements are welcome.
More Projects
✨New
AI
Vibe Coding
Figma Plugin
A Figma plugin that batch‑resizes icons to custom preset sizes in one click!
Duration :
About 6-7 hours!!
Role :
End‑to‑end builder: Concept, UX,
Development
Team :
Only AI and I!
Skills :
● Product
● UX Research
● Development
The Problem :
Figma doesn't let you batch resize objects in one click.
Teams maintain icon libraries that must ship at consistent sizes, but resizing dozens of icons manually is slow and inconsistent. Designers need a fast way to apply exact sizes repeatedly, without breaking aspect ratios or changing orientation.
Click into every icon. Type a size. Repeat… dozens of times.
So I built a plugin to fix that.
Process :
Watched it happen:
I saw both solo designers and teams resizing icons one by one.Validated the need:
Peers who maintain libraries and freelancers working solo all wanted fast, repeatable sizes and a single‑click apply.Designed for simplicity:
No complex controls. Just:
1. Add size presets
2. Select icon layers
3. Click a presetBuilt with Cursor:
I designed the plugin in a couple of hours with quick iterations, then sketched the UI, coded bulk resize in Cursor, tested on mixed selections (frames, components, groups, vectors), and published it to the Figma Community.
Watched it happen:
I saw both solo designers and teams resizing icons one by one.Validated the need:
Peers who maintain libraries and freelancers working solo all wanted fast, repeatable sizes and a single‑click apply.Designed for simplicity:
No complex controls. Just:
1. Add size presets
2. Select icon layers
3. Click a presetBuilt with Cursor:
I designed the plugin in a couple of hours with quick iterations, then sketched the UI, coded bulk resize in Cursor, tested on mixed selections (frames, components, groups, vectors), and published it to the Figma Community.
Watched it happen:
I saw both solo designers and teams resizing icons one by one.Validated the need:
Peers who maintain libraries and freelancers working solo all wanted fast, repeatable sizes and a single‑click apply.Designed for simplicity:
No complex controls. Just:
1. Add size presets
2. Select icon layers
3. Click a presetBuilt with Cursor:
I designed the plugin in a couple of hours with quick iterations, then sketched the UI, coded bulk resize in Cursor, tested on mixed selections (frames, components, groups, vectors), and published it to the Figma Community.
The Solution :
Icon resizer:
A focused utility for batch resizing icons using named presets. Add multiple presets (exact width/height or proportional), select icon layers on canvas, and change them to a preset size in one click. Proportional scaling preserves aspect ratio and keeps rotation/flip unchanged, only size updates.
Design decisions :
Decision #1:
Decision #1:
One‑Click Bulk Apply:
Apply a chosen preset to every selected icon at once.
One‑Click Bulk Apply:
Apply a chosen preset to every selected icon at once.
One‑Click Bulk Apply:
Apply a chosen preset to every selected icon at once.
Why this approach: Removes repetitive resizing steps and speeds up reviews and handoff.
Design principle: Reduce cognitive load by shortening the path from intent to outcome.
Decision #2:
Decision #2:
Named Multi‑Presets:
Create and reuse several named sizes (e.g., 16, 20, 24, 32).
Named Multi‑Presets:
Create and reuse several named sizes (e.g., 16, 20, 24, 32).
Named Multi‑Presets:
Create and reuse several named sizes (e.g., 16, 20, 24, 32).
Why this approach: Encodes common targets so consistency doesn’t rely on memory or manual entry.
Design principle: Make standards the happy path.
Decision #3:
Decision #3:
Proportional Scaling:
Optional mode that scales width and height evenly to preserve aspect ratio; rotation and flips stay unchanged.
Why this approach: Protects visual integrity for rotated and non‑square icons while resizing.
Design principle: Respect user intent; avoid unexpected orientation changes.
Decision #4:
Decision #4:
Minimal, Focused UI:
Compact panel with presets on top and a clear apply action below.
Why this approach: Faster to scan and operate mid‑workflow with minimal context switching.
Design principle: Preserve flow state with just‑enough controls.
The Impact :
I’ve tested Icon Resizer with peers and colleagues, and the early wins are clear, will update this section with numbers as adoption grows.
Time saved on prep:
Bulk resize replaces per‑icon edits with one click, so people spend less time resizing and more time designing.Consistency across files:
With multiple presets, people can hit common targets like 16/20/24/32 every time, which keeps libraries clean.Fewer mistakes:
Proportional scaling keeps aspect ratio and rotation unchanged, so no need to fix distortions after resizing.Useful solo or with teams:
The same preset workflow works when working solo or collaborating with a team.Ready to share results:
The core workflow is stable and in use; I’ll publish installs, saves, and usage metrics as they come in.
I’ve tested Icon Resizer with peers and colleagues, and the early wins are clear, will update this section with numbers as adoption grows.
Time saved on prep:
Bulk resize replaces per‑icon edits with one click, so people spend less time resizing and more time designing.Consistency across files:
With multiple presets, people can hit common targets like 16/20/24/32 every time, which keeps libraries clean.Fewer mistakes:
Proportional scaling keeps aspect ratio and rotation unchanged, so no need to fix distortions after resizing.Useful solo or with teams:
The same preset workflow works when working solo or collaborating with a team.Ready to share results:
The core workflow is stable and in use; I’ll publish installs, saves, and usage metrics as they come in.
I’ve tested Icon Resizer with peers and colleagues, and the early wins are clear, will update this section with numbers as adoption grows.
Time saved on prep:
Bulk resize replaces per‑icon edits with one click, so people spend less time resizing and more time designing.Consistency across files:
With multiple presets, people can hit common targets like 16/20/24/32 every time, which keeps libraries clean.Fewer mistakes:
Proportional scaling keeps aspect ratio and rotation unchanged, so no need to fix distortions after resizing.Useful solo or with teams:
The same preset workflow works when working solo or collaborating with a team.Ready to share results:
The core workflow is stable and in use; I’ll publish installs, saves, and usage metrics as they come in.
What I Learned :
I had some reflections by the end of this project :
Vibe‑coding with AI speeds everything up: AI‑assisted coding made implementation and refactors faster, so designers can focus on decisions and craft instead of execution.
Solve the smallest pain first: Starting with one‑click bulk apply created immediate value and kept scope tight.
Simplicity beats more features: A small, focused UI made adoption easier than adding advanced controls.
To sum up :
Icon Resizer turns a tedious, error‑prone step into a one‑click habit, so more time goes into design and less into resizing.
Try the plugin in figma: 🔗Try the Plugin
I am always open to feedback: ideas, bugs, or improvements are welcome.
More Projects
✨New
AI
Vibe Coding
Figma Plugin
A Figma plugin that batch‑resizes icons to custom preset sizes in one click!
Duration :
About 6-7 hours!!
Role :
End‑to‑end builder: Concept, UX,
Development
Team :
Only AI and I!
Skills :
● Product
● UX Research
● Development
The Problem :
Figma doesn't let you batch resize objects in one click.
Teams maintain icon libraries that must ship at consistent sizes, but resizing dozens of icons manually is slow and inconsistent. Designers need a fast way to apply exact sizes repeatedly, without breaking aspect ratios or changing orientation.
Click into every icon. Type a size. Repeat… dozens of times.
So I built a plugin to fix that.
Process :
Watched it happen:
I saw both solo designers and teams resizing icons one by one.Validated the need:
Peers who maintain libraries and freelancers working solo all wanted fast, repeatable sizes and a single‑click apply.Designed for simplicity:
No complex controls. Just:
1. Add size presets
2. Select icon layers
3. Click a presetBuilt with Cursor:
I designed the plugin in a couple of hours with quick iterations, then sketched the UI, coded bulk resize in Cursor, tested on mixed selections (frames, components, groups, vectors), and published it to the Figma Community.
Watched it happen:
I saw both solo designers and teams resizing icons one by one.Validated the need:
Peers who maintain libraries and freelancers working solo all wanted fast, repeatable sizes and a single‑click apply.Designed for simplicity:
No complex controls. Just:
1. Add size presets
2. Select icon layers
3. Click a presetBuilt with Cursor:
I designed the plugin in a couple of hours with quick iterations, then sketched the UI, coded bulk resize in Cursor, tested on mixed selections (frames, components, groups, vectors), and published it to the Figma Community.
Watched it happen:
I saw both solo designers and teams resizing icons one by one.Validated the need:
Peers who maintain libraries and freelancers working solo all wanted fast, repeatable sizes and a single‑click apply.Designed for simplicity:
No complex controls. Just:
1. Add size presets
2. Select icon layers
3. Click a presetBuilt with Cursor:
I designed the plugin in a couple of hours with quick iterations, then sketched the UI, coded bulk resize in Cursor, tested on mixed selections (frames, components, groups, vectors), and published it to the Figma Community.
The Solution :
Icon resizer:
A focused utility for batch resizing icons using named presets. Add multiple presets (exact width/height or proportional), select icon layers on canvas, and change them to a preset size in one click. Proportional scaling preserves aspect ratio and keeps rotation/flip unchanged, only size updates.
Design decisions :
Decision #1:
Decision #1:
One‑Click Bulk Apply:
Apply a chosen preset to every selected icon at once.
One‑Click Bulk Apply:
Apply a chosen preset to every selected icon at once.
One‑Click Bulk Apply:
Apply a chosen preset to every selected icon at once.
Why this approach: Removes repetitive resizing steps and speeds up reviews and handoff.
Design principle: Reduce cognitive load by shortening the path from intent to outcome.
Decision #2:
Decision #2:
Named Multi‑Presets:
Create and reuse several named sizes (e.g., 16, 20, 24, 32).
Named Multi‑Presets:
Create and reuse several named sizes (e.g., 16, 20, 24, 32).
Named Multi‑Presets:
Create and reuse several named sizes (e.g., 16, 20, 24, 32).
Why this approach: Encodes common targets so consistency doesn’t rely on memory or manual entry.
Design principle: Make standards the happy path.
Decision #3:
Decision #3:
Proportional Scaling:
Optional mode that scales width and height evenly to preserve aspect ratio; rotation and flips stay unchanged.
Why this approach: Protects visual integrity for rotated and non‑square icons while resizing.
Design principle: Respect user intent; avoid unexpected orientation changes.
Decision #4:
Decision #4:
Minimal, Focused UI:
Compact panel with presets on top and a clear apply action below.
Why this approach: Faster to scan and operate mid‑workflow with minimal context switching.
Design principle: Preserve flow state with just‑enough controls.
The Impact :
I’ve tested Icon Resizer with peers and colleagues, and the early wins are clear, will update this section with numbers as adoption grows.
Time saved on prep:
Bulk resize replaces per‑icon edits with one click, so people spend less time resizing and more time designing.Consistency across files:
With multiple presets, people can hit common targets like 16/20/24/32 every time, which keeps libraries clean.Fewer mistakes:
Proportional scaling keeps aspect ratio and rotation unchanged, so no need to fix distortions after resizing.Useful solo or with teams:
The same preset workflow works when working solo or collaborating with a team.Ready to share results:
The core workflow is stable and in use; I’ll publish installs, saves, and usage metrics as they come in.
I’ve tested Icon Resizer with peers and colleagues, and the early wins are clear, will update this section with numbers as adoption grows.
Time saved on prep:
Bulk resize replaces per‑icon edits with one click, so people spend less time resizing and more time designing.Consistency across files:
With multiple presets, people can hit common targets like 16/20/24/32 every time, which keeps libraries clean.Fewer mistakes:
Proportional scaling keeps aspect ratio and rotation unchanged, so no need to fix distortions after resizing.Useful solo or with teams:
The same preset workflow works when working solo or collaborating with a team.Ready to share results:
The core workflow is stable and in use; I’ll publish installs, saves, and usage metrics as they come in.
I’ve tested Icon Resizer with peers and colleagues, and the early wins are clear, will update this section with numbers as adoption grows.
Time saved on prep:
Bulk resize replaces per‑icon edits with one click, so people spend less time resizing and more time designing.Consistency across files:
With multiple presets, people can hit common targets like 16/20/24/32 every time, which keeps libraries clean.Fewer mistakes:
Proportional scaling keeps aspect ratio and rotation unchanged, so no need to fix distortions after resizing.Useful solo or with teams:
The same preset workflow works when working solo or collaborating with a team.Ready to share results:
The core workflow is stable and in use; I’ll publish installs, saves, and usage metrics as they come in.
What I Learned :
I had some reflections by the end of this project :
Vibe‑coding with AI speeds everything up: AI‑assisted coding made implementation and refactors faster, so designers can focus on decisions and craft instead of execution.
Solve the smallest pain first: Starting with one‑click bulk apply created immediate value and kept scope tight.
Simplicity beats more features: A small, focused UI made adoption easier than adding advanced controls.
To sum up :
Icon Resizer turns a tedious, error‑prone step into a one‑click habit, so more time goes into design and less into resizing.
Try the plugin in figma: 🔗Try the Plugin
I am always open to feedback: ideas, bugs, or improvements are welcome.