Skip to main content
kruthi
August 30, 2024
Question

Auto-layout is not working on instances still

  • August 30, 2024
  • 5 replies
  • 324 views

I have tried all the mentioned resolutions in the community for similar issue. Still doesn’t work for me. Auto-layout works for main component but doesn’t work for instances.

Scenario: I have a two rectangles, each of them are components indivdually. When I club them and use vertical auto-layout and make this a component, then use an instance of this and try to copy and paste the rectangle, it doesn’t add up to the stack, it just appears on one of the rectangle and comes up as a separate component.
Expectation is for it to add up below the two rectangles.

Here are some screenshots:
Screenshot 2024-08-30 at 2.11.29 PM
Screenshot 2024-08-30 at 2.11.53 PM


Screenshot 2024-08-30 at 2.13.31 PM
Screenshot 2024-08-30 at 2.13.39 PM

Please help, its breaking all components in the design system.
Let me know if any additional information is required.

This topic has been closed for replies.

5 replies

Brian_Saunders
New Participant
August 30, 2024

I think you are not understanding how auto layout and components work in Figma. If I am understanding your problem correctly, Figma is behaving like it’s supposed to behave.

kruthi
kruthiAuthor
September 2, 2024

Are you saying the we cannot do anything to instances while using them without detaching them? Trying to add ‘page name’ component here to the instance will not get added to that auto-layout because the main component has only 2 of them?

kruthi
kruthiAuthor
September 2, 2024

Looks like it was a valid ask understanding the components in Figma. For anyone who has the same question as mine, the answer is Figma hasn’t added this feature yet. Here are some links to refer:

Raphael_M
Power Member
September 2, 2024

Yes. Instance is just a copy of your main component. The most you can do is modify some of its properties, and not add or subtract them.

kruthi
kruthiAuthor
September 2, 2024

Got it. Thanks for confirming!