Skip to main content
July 27, 2023
Solved

Instance swap not honouring new scaled size

  • July 27, 2023
  • 12 replies
  • 3570 views

Hi Figma Community!

Basically, I have a bunch of one size icons as variants in a component - they all have an auto layout frame applied to them.

I want to use the icons throughout my design, but in different sizes. However, I don’t want to create varying sizes within the main component, as there would be too many icons and it would look messy.

So what I normally do is:

  1. Create another test component using the icon with another element (for example, with a CTA here)
  2. Scale the icon using the scale tool (larger as an example here)
  3. Then instance swap it and it usually adheres to the new scaled size that I give it.

However, recently, this method hasn’t been working and the instance just retains the same size as its original parent varient.

*As a note, the icon starts scaling properly if I detatch the instance. Which ideally I don’t want to be doing, as I may have changes to the test component that I need reflected throughout the file.

Can anyone assist in finding why this is, that would be much appreciated!

This topic has been closed for replies.
Best answer by Tommy_Dinh

The Figma team have told me it’s a known issue James, but they haven’t created a solution as of yet.

I think it has something to do with the complex nature of the icons itself (they were made in Illustrator with many separate vector parts), because if I use icons from the Google Materials plugin, instance swap honours to the new scaled size.

12 replies

Bruno_Biagioni_Neto
New Member
December 2, 2024

This happens here too, for all components we have to create a frame with auto-layout and zero padding to insert into a slot.

KatUX
New Member
May 8, 2025

I was having a similar issue with Icons.
I found that adding a max and min for height and width adding auto layout to the icons. The instance swap will honour the size.