The fastest way to suffer in Figma? Try building a design system icon library with stroked icons - resizing alone can turn it into a never-ending headache
Example: You draw a line icon at 24×24 with 2px stroke (e.g., hamburger icon).
If you resize it to 48×48, the icon gets bigger but the stroke stays 2px. The only way to scale stroke proportionally is using Scale tool(K) manually. That works until you use few icons. But not building a lib.
Icon wrapper could be a solution. But wrappers can only resize, they can’t apply Scale(K) for you. So the icon’s weight looks wrong at different sizes.
Workarounds don’t scale:
-
Big libraries explode with variants (1000 icons × multiple sizes (at least 6)).
-
Outline/flatten strokes breaks editability - and icons must stay editable because you often need to go back and adjust them.
-
Keeping “editable source” + “flattened output” in sync is not sustainable long term.
WHY NOT?!
Add a per-layer/per-component a checkbox: [✓] Scale strokes on resize.
-
Default OFF (keep current behavior for normal UI resizing).
-
When ON, resizing behaves like Scale tool: stroke weight scales proportionally.
Am I asking too much? 😅 Is there any workaround that keeps icons both scalable and editable — or has Figma ever hinted this toggle might happen? Please tell me there’s hope.