Designers · problem and fix
Figma auto layout not working on Mac: causes and fixes for 2026
Figma auto layout not working usually means a sizing setting is working against you. The most common culprits are a child set to Fill, a parent set to Hug, and text layers fixed in size. This page shows how to find which one you have on your Mac, what the problem costs you, and how to fix it without buying anything. Nothing here needs a plugin or a paid add-on. You need the Figma desktop app and a copy of the frame to test on.
The short answer
- Most surprises come from three settings: Fill container, Hug contents and Fixed.
- A Fill child makes a Hug parent switch to Fixed on that axis, according to Figma's guide.
- Typing a value into Width or Height also switches that axis to Fixed.
- Fixed size text does not grow with its words. Change the text sizing first.
- Check each axis, duplicate the frame, then test one change at a time.
What auto layout frames behaving unexpectedly costs you
Time lost to trial and error
No public study I could open measures how long designers lose to auto layout surprises. Figma's own research does not measure it either. What you can measure is your own time. Note how long one stuck frame takes you today. Most of the cost comes from small loops: click, undo, resize, check, repeat.
Your hourly rate in plain numbers
The US Bureau of Labor Statistics lists a median hourly wage of $30.27 for graphic designers in 2025. That is a median for the whole field, not your rate. Use it as a rough floor. An hour of resizing frames costs about that much in paid time, before tools and overhead.
Handoff trouble that lands on developers
Figma's 2025 figures say 92% of designers believe the handoff process could be improved. A frame that resizes wrong makes handoff harder to trust. A developer who cannot tell whether a width is fixed or fluid will stop and ask. Each question is another round.
Trust with clients and teammates
A layout that breaks when someone edits a headline looks careless, even when the cause is one checkbox. You can explain the cause. The reviewer still sees a broken mockup. Build the sizing rules in before the review, not during it.
What the sources do not show
I found no source that measures burnout, error rates or grades tied to auto layout. Treat any claim of that kind with care, including claims from us. The costs on this page are time, wages and trust, and only time and wages have numbers.
Why it happens
Fill only works inside an auto layout parent
Fill container stretches a layer to take the space its parent has. Figma offers it only on children of an auto layout frame. A top-level frame on the canvas cannot use it. If Fill does nothing, check that the parent is an auto layout frame, and add auto layout to it first.
A Fill child turns a Hug parent into Fixed
Figma's guide says a child set to Fill container makes the parent stop hugging its contents. The parent becomes Fixed on that axis. A card set to Hug on width, with a Fill child inside, keeps its last width. It does not shrink when the text changes. Third-party tutorials describe this conflict differently, so check it in your own file.
Typing a width switches the axis to Fixed
Resizing a layer by hand, or typing a value into Width or Height, switches that axis to Fixed. Many designers do this to correct one card, then forget. The frame now ignores its contents on that axis. The fix is to set the axis back to Hug or Fill on purpose.
Fixed size text does not grow
Figma's help page says fixed size text layers will not resize to fit their text. A text box with a set width and height will clip or overflow. Designers often create these by accident when they drag out a text box. A sizing mode that grows with the text keeps the layout fluid.
Min and max limits cap the change
Min and max width or height limits are added from the Width or Height dropdown. They can be used with other resizing settings. A tight max width can look like a bug. The frame stops growing at that limit, and the text wraps. Check the limits first when a frame stops at an odd size.
Ignore auto layout skips the rules
Ignore auto layout was formerly called absolute position, and it still works the same way. It keeps a layer outside the flow of its parent. A layer set this way does not follow the spacing rules. If a layer seems stuck in one place, check whether it ignores auto layout in the Design panel before you change padding.
How to fix it
These work with or without any app.
Read each axis before you touch anything
Select the frame. In the Design panel, look at the Layout section. Note the Width and Height dropdown for each axis: Hug contents, Fill container or Fixed. Write them down or take a screenshot. This takes a few seconds, and it shows which axis is working against you.
Decide which side wins for each axis
Hug contents wants every child sized by its content. One child set to Fill blocks hugging on that axis. Decide which element should win. A button usually hugs its label. A card often fills its column while the text fills the card. That pattern is common convention, not a Figma rule, so test it. Pick one pattern per frame and keep to it.
Give text a sizing mode that grows
Select the text layer. In the Design panel, open the text sizing options. Pick a mode that grows with the words, such as auto width for a label or auto height for a paragraph. A paragraph in a fixed box clips when the copy changes. Test it by typing a long sentence into the layer.
Use min and max on the frame
Open the Width or Height dropdown on the frame and add a min or max value. This lets a card grow to a limit, then stop. Choose a max that suits your artboard. Do not set a max height and a max number of lines on the same text layer, because Figma does not allow both.
Change one setting, then re-test
Change one setting at a time. After each change, type a long word, then a short one, into the text. Watch whether the frame grows and shrinks. If it works, you found the setting. If not, return to the previous value. One change per test shows you which setting caused the problem.
Duplicate the frame before you rebuild
Before you remove auto layout or regroup anything, duplicate the frame with ⌘D. Work on the copy. Delete the broken original only after the copy passes with real content. Some designers remove auto layout and rebuild the spacing from scratch. That works, but it costs time and can lose settings you wanted to keep.
Try the community resets with care
Some designers toggle auto layout off and on, or ungroup and regroup. Community threads report that these sometimes clear a stuck Fill. Figma does not document these as fixes. Try them only on a duplicate, and keep the one change at a time rule.
Move padding into a nested frame
Some designers move the padding into a nested frame inside the card, instead of the card itself. This can stop a Fill child from fighting a Hug parent. It is a community workaround, not a documented Figma rule. Use it when the outer frame must stay fixed, and name the nested frame so the next person understands it.
Update the Figma desktop app
Open the app and check for an update. Figma's desktop help says old versions lose support six months after release. A newer build can change how sizing behaves, so an odd bug may already be fixed. Managed Macs may need an administrator to install updates. Ask IT if an update is blocked.
What the symptom looks like in Figma auto layout
Auto layout is a frame that arranges its children and sizes itself to fit them. When it stops doing that, the symptom usually looks like one of three things. A card will not shrink to fit its text. A layer stretches past its edge. Or a frame refuses to grow when you add a line. Name the symptom before you touch anything, because each one has a different cause.
Select the frame and compare its edges with its contents. If the edges sit tight around the children, the frame is probably hugging. If the width ignores the content, that axis is probably Fixed. Both guesses are quick to check, and the next section shows how.
Check the Width and Height settings first
Open the Design panel on the right, then find the Layout section. The Width and Height dropdowns show the sizing rule for each axis. Write both values down. This takes less time than any fix on this page, and it tells you which setting to read next.
- Select the frame on the canvas.
- Open the Design panel on the right.
- Read the Width dropdown in the Layout section, then the Height dropdown.
- Select each child and read its own Width and Height.
- Note any child set to Fill container.
If you see Fill on a child and Hug on its parent, you have found the most common conflict. Everything else on this page is a variation on that pattern.
A worked example: the card that will not shrink
Say you build a card. It has a title, a body paragraph and a button. You set the card to Hug contents on width, so it fits its content. Then you set the body text to Fill container so it spans the card. Now you edit the body copy, and the card keeps its old width.
What happened? According to Figma's guide, a Fill child makes the Hug parent become Fixed on that axis. The card kept its last width and stopped hugging. Nothing is broken. The rule simply overrode what you meant.
Many tutorials recommend Fill on width and Hug on height for cards. That is convention from third-party blogs, not Figma guidance. Test it in your own file, with your own copy, before you rely on it.
Settings that change the rules
| Setting | What it does | What breaks |
|---|---|---|
| Hug contents | Shrinks the frame to its children plus spacing | A Fill child makes this axis Fixed |
| Fill container | Stretches a layer to take the space its parent has | Only works on children of an auto layout frame |
| Fixed | Keeps the size you set | Content does not push the edge |
| Min or max limits | Caps how far Hug or Fill can go | Text cannot use max height and max lines together |
Typing a value into Width or Height also switches that axis to Fixed. So does resizing a layer by hand. Designers do this to correct one card, then forget. The frame now ignores its contents on that axis. Set the axis back on purpose, from the dropdown, when you finish.
Text layers that will not grow
Figma's help page says fixed size text layers will not resize to fit their text. A text box with a set width and height clips or overflows when the copy changes. The same page advises against fixed size text boxes if you want a fully fluid layout. Let text grow with its content, then lock only the outer frame.
- Select the text layer and read its sizing option in the Design panel.
- Pick a mode that grows with the words for labels and paragraphs.
- Type a long sentence into the layer to test it.
- Undo the test with ⌘Z, or keep the copy if it works.
- If you need a line limit, remember you cannot combine max height with max lines.
Mistakes people make when they try to fix it
The first mistake is fixing the child when the parent is the problem. Check both. The second is changing five settings at once. Then you cannot tell which change worked. The third is removing auto layout and rebuilding the spacing by hand. That can take far longer than a targeted fix.
Ignore auto layout, formerly called absolute position, is useful for a badge or a corner icon. It is a bad place to hide a sizing bug. A layer set this way skips the spacing rules, so it can look right in one state and wrong in another.
Does your Mac and Figma version matter?
Yes, in two ways. The Figma desktop app requires macOS 12 or later. It is optimized for Macs with Intel and Apple silicon processors. Check your macOS version under the Apple menu, through Apple > About This Mac, before you blame Figma.
Second, Figma's desktop help says previous versions lose support six months after release. A newer build can change how sizing behaves. The help page gives no current version number, so check for updates inside the app. Managed Macs may need an administrator to install them.
Who should be careful with client files
Auto layout bugs often show up in client work, and client files may be covered by a contract. Check your agency or client rules before you share screenshots or copy from a file. That applies to any AI tool, including Lazur. Ask your employer or client when you are not sure.
What the lost time costs you
Put a number on it before you decide how much to fix. The Bureau of Labor Statistics lists a median hourly wage of $30.27 for graphic designers in 2025. Use that as a rough floor for what an hour costs you. Your own rate may be higher or lower.
92%
of designers believe the handoff process could be improved, per Figma's 2025 figures
79+ Design Statistics for 2026, Figma25%
fewer iteration cycles when designs are validated before development, citing a Forrester study
79+ Design Statistics for 2026, Figma$30.27
median hourly wage for graphic designers in 2025, US Bureau of Labor Statistics
Graphic Designers, Occupational Outlook HandbookI could not find a study that measures how often designers hit auto layout surprises. Figma's statistics page cites a UserTesting study, which cites Forrester, on validation. Validating designs before development cut iteration cycles by 25 percent in that study. That finding covers validation in general, not auto layout. It is still a reason to test your frames early.
Where Lazur helps, and where it stops
Lazur lives in the notch on your Mac. Hold ⌥⌘ to ask about anything on screen, and Lazur answers out loud. It can circle the Width dropdown, explain what Hug or Fill means in plain words, and walk you through a fix one click at a time. It waits for each click.
Lazur does not click buttons, edit files, or operate other apps for you. It is not a plugin or add-in for Figma. You stay in control of the file. Lazur points and explains, and you make the change.
Where to go next in Figma
If the frame is new to you, start with the basics. Our guide on how to add auto layout in Figma on Mac covers adding it from scratch. The Figma for designers on Mac page covers desktop setup and memory fixes. For a fresh start, see how to create a frame in Figma on Mac.
Trial details and plans are on the pricing page. Lazur runs on macOS, on Apple silicon and Intel. Windows is planned, not available yet.
Faster with Lazur
Where Lazur helps with auto layout frames behaving unexpectedly
Hold ⌥ ⌘ and say what you want. Lazur sees your Figma window. Lazur draws a circle and a label around the button or menu you need.
- 1
Hold ⌥⌘ and talk
- 2
Lazur draws a circle and a label around the button or menu you need.
- 3
You stay in Figma. Nothing to copy into a chat window.
More things to say in Figma
- “Lazur, where is the Width setting for this frame?”
- “Lazur, why won't this card shrink when I delete text?”
- “Lazur, walk me through setting the body text to fill the card.”
- “Dictate a bug note for the team”
- “Draft a bug report for the design team”
Free for 3 days, then $18/month. Download for Mac
You say“Hold ⌥⌘ and ask: where is the width setting?”
Lazur · points at itLazur circles the Width dropdown and labels it, so you can see whether the axis is Hug, Fill or Fixed.
What designers say to Lazur for this
Each one is a single hold of ⌥ ⌘.
“Lazur, where is the Width setting for this frame?”
Lazur draws a circle and a label around the Width dropdown in the Design panel, so you can find it fast.
Points at it
“Lazur, why won't this card shrink when I delete text?”
While you hold ⌥⌘, Lazur sees the screen and answers out loud. It can explain whether the axis is Hug, Fill or Fixed, in plain words.
Explains what's on screen
“Lazur, walk me through setting the body text to fill the card.”
Lazur guides you one click at a time and waits for each click. You do the clicking. Lazur does not change your file.
Walks you through it
“Dictate a bug note for the team”
Hold fn to dictate clean, formatted text at the cursor in any app. Your bug note lands in the thread without retyping.
Types what you say
“Draft a bug report for the design team”
Lazur drafts and types the text for you. Read it, edit it, then send it yourself. Lazur does not send messages for you.
Drafts it
A plan you can start this week
- Day 1
Reproduce the problem on a copy
Duplicate the broken frame with ⌘D. Write down the Width and Height setting on each axis. Type a long sentence into the text layer and watch what happens. Note the one setting that breaks the pattern. You now have a test case, not a guess.
- Day 2
Change one setting, then test
Pick one fix from this page. Change one axis or one text layer. Retest with a short word and a long sentence. Keep notes on each change. When the copy works, apply the same setting to the original file.
- Day 3
Check the Mac and the app
Confirm your Mac runs macOS 12 or later. Open Figma and check for a desktop update. If your Mac is managed, ask IT for an update path. Retest the duplicate after any update, so you know which change mattered.
- Day 4
Write one rule for the team
Write a single line for your team. For example: cards fill their column, and text inside uses a growing sizing mode. Put it on a notes page or in your design system. A short rule stops the same bug from returning in the next project.
- Day 5
Clean up the copies
Delete the broken duplicates only after the fixed file passes your test with real content. Keep one reference frame. Mention the fix in your handoff note, so the developer does not guess at padding or widths.
Questions people ask
Why does my Figma frame stop hugging its contents?
Usually a child is set to Fill container. Figma's guide says a Fill child makes a Hug parent stop hugging on that axis and become Fixed. Check each child's sizing, then set the parent again.
Why does Fill container do nothing on my layer?
Fill only works on layers inside an auto layout frame, not on top-level frames. Add auto layout to the parent, then select the child again and set Fill.
Why does my text not resize in Figma auto layout?
Fixed size text layers do not resize to fit their text, per Figma's help page. Switch the text to a sizing mode that grows with the words. Avoid fixed size text boxes if you want a fluid layout.
Does updating Figma fix auto layout bugs?
It can. A newer desktop build may change sizing behavior, and older versions lose support six months after release. Figma's help page gives no current version number, so test on a copy after each update.
Is Ignore auto layout the same as absolute position?
Yes. Figma's help page says Ignore auto layout was formerly called absolute position, and it works the same way. Use it for a layer that should sit outside the spacing rules, such as a badge.
Can Lazur fix my Figma frame for me?
No. Lazur does not click buttons, edit files, or operate other apps. It can point at the setting, explain what it does, and guide you one click at a time. You make each change.
Is it safe to ask Lazur about a client Figma file?
Lazur listens and looks at the screen only while you hold ⌥⌘. Audio and the screenshot go to AI providers to answer and are not stored. Content is never used to train AI models. Your contract still decides what you may share, so check it first.
Does this work on Windows?
Not yet. Lazur runs on macOS, on Apple silicon and Intel. Windows is planned, not available. The Figma desktop app needs macOS 12 or later on Mac.
Sources
- Guide to auto layout, Figma Help Center · Figma · checked 2026-11-07
- Guide to the Figma desktop app, Figma Help Center · Figma · checked 2026-11-07
- 79+ Design Statistics for 2026, Figma · Figma · checked 2026-11-07
- Graphic Designers, Occupational Outlook Handbook · U.S. Bureau of Labor Statistics · checked 2026-11-07
Fix auto layout frames behaving unexpectedly with Lazur, free for 3 days
Hold a key and ask. Lazur sees your screen, points at the button and talks you through it, in any Mac app. No credit card.