Skip to main content
Pablo_Romero_Jaren
Pablo_Romero_Jaren
November 10, 2023
Question

Instance swap issue. Height set to fixed

  • November 10, 2023
  • 21 replies
  • 1669 views

I’m experiencing an issue with an instance swap property in Figma. I have a Card component with Auto-layout (width: fixed, and height: hug). It wraps an instance of a component associated with an instance swap property (width: fill and height: hug).
When I create an instance of Card and change the inner instance through the instance property it works fine the first time. From there, if I change it again, Figma sets the height of the inner instance to fixed. This crops the content.

Does anyone knows why this happens and how to fix it? Is it a bug in Figma?

File here: https://www.figma.com/file/eikqjwKX167uMlUeiGRUOM/instance-swap-issue?type=design&node-id=0%3A1&mode=design&t=4douRHhJOBFMc5Oa-1

    This topic has been closed for replies.

    21 replies

    Show previous replies
    djv
    Figmate
    djv
    Community Support
    July 24, 2024

    Hey @Savannah_Niemeyer, thanks for chiming in!

    The team believes this is related to long-standing issues with using scale on nested instances, so we sincerely apologize for the trouble this is causing.

    As a workaround, if you have used scale on your instances, instead we recommend manually making overrides to the instance size and setting constraints to help the nested content scale accordingly, as these overrides should be reliably applied when changing states in situations where you see the scale override does not function as expected.

    Ara_Garabedian
    Ara_Garabedian
    New Participant
    July 24, 2024

    @dvaliao Does this mean the team will be working on a fix some time soon, or given it’s a long-standing issue, they have no idea how to fix it yet?

    djv
    Figmate
    djv
    Community Support
    July 25, 2024

    Hey @Ara_Garabedian,

    Unfortunately, we can’t guarantee a specific timeline for the fix. The team has not yet been able to find a good solution. The trickiest part for most of our long-standing bugs being how best fix without introducing other performance issues.

    Vipul_Chaudhary
    Vipul_Chaudhary
    August 22, 2024

    faced this today. 10 months and still it is not fixed! Such a common issue

      Aidan Runner
      Aidan Runner
      New Member
      March 4, 2025

      This issue still present as of 125.1.5

       

      When can we expect a fix?

        khompitoon5
        khompitoon5
        New Member
        March 8, 2025

        I’m experiencing an issue with an instance swap property in Figma. I have a Card component with Auto-layout (width: fixed, and height: hug). It wraps an instance of a component associated with an instance swap property (width: fill and height: hug).
        When I create an instance of Card and change the inner instance through the instance property it works fine the first time. From there, if I change it again, Figma sets the height of the inner instance to fixed. This crops the content.

        Does anyone knows why this happens and how to fix it? Is it a bug in Figma?

         

         

         

        File here: https://www.figma.com/file/eikqjwKX167uMlUeiGRUOM/instance-swap-issue?type=design&node-id=0%3A1&mode=design&t=4douRHhJOBFMc5Oa-1

        chaloemkhompitoon 

         

          Ashley_Presman
          Ashley_Presman
          New Member
          April 24, 2025

          I need this fix too!

          Tammy Litherland
          Tammy Litherland
          New Member
          June 19, 2025

          Edit: Removed

          Ara_Garabedian
          Ara_Garabedian
          New Participant
          June 26, 2025

          A YEAR since the original post and and reply from community support to my follow up and this issue still persists for such a fundamental requirement for instance swap elements.

          FIGMA, PLEASE FIX THIS!

            andrea-hg
            andrea-hg
            Active Member
            August 20, 2025

            Same issue.

            The interface I’m designing is basically a container that allows for different types (and amounts) of blocks. Some are textual, some are graphic, other are interactive and they all have an indefinite height as it depends on the actual content being added to the block. 

            I thought of creating a component with enough slots so content designers can choose any block they want in any order they want, but I’ve too hit a wall when swapping instances due to size (in my case height) not adjusting (not hugging) the instance as expected. 

            Also, I found this other thread (where i commented too he he) describing the same issue. 

             

            Are there any updates ​@Gayani_S , ​@djv ? 🙏🏻

            Show more replies
            Terms & ConditionsAccessibility statement