Problem
When using stroke-based icons inside nested components (e.g. button components), resizing behavior in Figma causes major inconsistencies:
• If the icon is a component, it keeps its original size when the parent resizes
• If constraints are set to Scale, the icon scales visually but stroke width does not scale, causing icons to appear heavier/darker
• The only way to get correct proportional scaling is using Scale tool (K), which does not work with Auto Layout or component resizing
This makes it extremely difficult to build scalable button components using stroke icons.
Expected
Resizing a component or instance should optionally behave the same way as Scale (K):
• Stroke width scales proportionally
• Corner radius and effects scale correctly
• Works inside Auto Layout and nested components
Proposed solution
Add a global or per-object option similar to Adobe Illustrator:
“Scale strokes & effects when resizing”
This would:
• Fix stroke icon inconsistencies
• Enable proper scalable icon usage in design systems
• Greatly improve component-based workflows