I’m working with multiple icons in Figma and need to export them all with consistent dimensions. I want each icon to have the same boundary size when exported, like 24x24 pixels, but I don’t want to actually resize or scale the icons themselves.
The problem is that my icons have different original sizes and bounding areas. Some are wider, some are taller, and when I export them they all come out as different dimensions. I need them to have uniform boundaries while keeping the actual icon graphics at their current size.
Is there a way to adjust the export boundaries in Figma without changing the icon scale? Any tricks or methods to achieve this would be really helpful.
Had this exact problem building our design system’s icon library. Here’s what works: create a master artboard with your target size, then drop each icon in as a component. I set up a 24x24 rectangle (no fill/stroke) as the boundary guide, then position icons inside - center them or align however you want. Export the whole artboard, not just the icon layer. This keeps your original proportions intact while forcing consistent canvas sizes across all exports. Super helpful when you’ve got icons with weird aspect ratios that still need to play nice together in the UI.
I’ve hit this icon export problem countless times. Manual frames work but become a nightmare with dozens of icons.
Now I automate everything. Build a workflow that grabs your icon files, creates consistent boundaries automatically, and exports everything at once. No more dragging icons into frames or manually setting up artboards.
Use Figma’s API to process icons automatically - it applies your boundary rules and exports with consistent dimensions. The workflow handles positioning, sizing, and batch exports without touching your original files.
Huge time saver for large icon sets or when updating multiple icons later. You can reuse the same automation for different export sizes - just tweak the boundary settings and run it.
Easiest trick I’ve found: create invisible rectangles as spacers. Make a 24x24 rect with no fill or stroke, group it with your icon, then export the whole group. The invisible shape forces Figma to include that area in the export boundary without showing up visually.
Create a 24x24 frame for each icon in Figma. Drop your original icons into these frames without resizing them. Make a template frame that matches what you want to export, then just duplicate it for each icon and add your graphics. You can position the icons however you want inside the frame - gives you flexibility while keeping the output size consistent. Export the frame instead of the individual icon and you’ll get exactly 24x24 pixels every time. Makes creating consistent icon sets way easier.