Auto layout container not adjusting size when text content is modified in Figma

I’ve set up an auto layout container in Figma and I’m having trouble getting it to automatically adjust its dimensions when I modify the text inside it. The container works fine initially and sizes itself correctly based on the original text content. But when I go back and change the text later, whether I’m editing the main component or working with an instance, the container stays the same size and doesn’t update. Has anyone else run into this issue? Is there a setting I’m missing or is this a limitation of how auto layout works in Figma?

This happens when the auto layout container’s resizing constraints override the automatic behavior. Set your text layer to “Hug contents” for both horizontal and vertical resizing in the auto layout panel. Check that the parent container’s configured to resize properly too - nested auto layout frames often conflict with each other. I’ve found toggling auto layout off and back on refreshes the settings and fixes stubborn sizing issues. Also verify your text layer doesn’t have fixed width constraints, which prevent the container from detecting content changes.

Text boxes set to fixed width instead of auto width trip me up all the time. Check your text layer - if the width field shows pixels instead of ‘auto’, that’s the problem. The auto layout container can’t adjust because the text thinks it’s locked to that exact width. Just click the width value and switch it back to auto. Your container should start responding to content changes again. This usually happens after manually adjusting text position - Figma thinks you want a fixed dimension.

try checking those constraints on your container, thats a common issue. if your text changes but the container doesn’t resize, it might be set to a fixed size. double check those settings!

Had this exact problem last month on a design system. My text layer got accidentally converted to an outline or the properties corrupted somehow. Looked like normal text, but Figma wasn’t recognizing it as dynamic content anymore. I selected the text layer and checked if it still showed as a text element in the properties panel. It didn’t, so I had to recreate the whole text layer in the auto layout frame. Also got burned by multiple text layers stacked on top of each other - sometimes an invisible or zero-opacity layer prevents the container from resizing. Check your layers panel for hidden elements messing with the auto layout calculations.

figma’s autolayout gets buggy sometimes. I select the container and hit cmd+shift+g to ungroup, then regroup it - this forces figma to recalculate everything. also check you’re not accidentally hitting enter while editing, since that adds invisible line breaks that mess with sizing.

This topic was automatically closed 4 days after the last reply. New replies are no longer allowed.