Skip to main content

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.12.51 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.

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.

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?

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:



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.

Got it. Thanks for confirming!

Reply


Terms & ConditionsCookie settings