How to Use Fixed Size in Figma: Step-by-Step Guide

In Figma, you use Fixed Size by selecting a frame or object and setting its resizing behavior to Fixed in the right-hand panel under Constraints. This locks the width and height so the object does not resize when the parent frame changes.

Syntax

In Figma, fixed size is controlled through the Constraints settings for frames or objects. The key parts are:

• Width and Height: Set to Fixed to lock size.
• Constraints: Defines how the object behaves when the parent frame resizes.

Setting both width and height to Fixed means the object keeps its size regardless of parent changes.

text

Select object > Right panel > Constraints > Width: Fixed, Height: Fixed

Output

Object size remains constant when parent frame resizes

Example

This example shows how to fix the size of a button inside a resizable frame:

1. Create a frame (e.g., 400x300 px).
2. Add a rectangle inside (e.g., 100x40 px) to act as a button.
3. Select the rectangle, go to Constraints in the right panel.
4. Set both Width and Height to Fixed.
5. Resize the outer frame; the button keeps its size.

text

Frame: 400x300 px
Rectangle (Button): 100x40 px
Constraints: Width = Fixed, Height = Fixed

Output

Button size stays 100x40 px even if frame resizes

Common Pitfalls

Common mistakes when using fixed size in Figma include:

• Not setting both width and height to Fixed, causing partial resizing.
• Confusing Fixed with Scale or Stretch constraints.
• Expecting fixed size to work on groups without ungrouping or setting constraints on individual elements.

Always check the Constraints panel carefully to ensure fixed size is applied correctly.

text

Wrong: Width = Fixed, Height = Stretch
Right: Width = Fixed, Height = Fixed

Output

Wrong: Height changes when parent resizes
Right: Size stays constant

Quick Reference

Setting	Effect
Width: Fixed	Locks the width of the object
Height: Fixed	Locks the height of the object
Width: Stretch	Object width changes with parent frame
Height: Stretch	Object height changes with parent frame
Constraints panel	Where to set fixed size options

Key Takeaways

Set both width and height to Fixed in Constraints to lock object size.

Fixed size prevents objects from resizing when parent frames change.

Check Constraints panel carefully to avoid partial resizing.

Fixed size works best on individual objects, not groups without adjustment.

Use Stretch or Scale constraints only when resizing behavior is needed.