How to Use Absolute Position in Figma: Step-by-Step Guide

In Figma, use Absolute Position to fix an object’s location on the canvas regardless of its parent frame’s layout. Select the object, right-click and choose Use as Absolute Position or toggle it in the right sidebar to position it freely without affecting other elements.

Syntax

Absolute Position in Figma is not a code syntax but a feature you enable on objects inside frames. It lets you place an object at fixed X and Y coordinates inside its parent frame.

Key parts:

• Object: The layer or element you want to position.
• Parent Frame: The container that holds the object.
• Absolute Position toggle: A setting in the right sidebar or context menu that fixes the object's position.

text

Select object inside a frame -> Right-click -> Use as Absolute Position
OR
Select object -> In right sidebar, toggle 'Absolute Position' checkbox

Output

The object stays fixed at its X and Y coordinates inside the frame, ignoring layout changes.

Example

This example shows how to fix a button inside a frame so it does not move when other elements resize.

text

1. Create a frame.
2. Add multiple objects inside the frame.
3. Select the button object.
4. Right-click and choose 'Use as Absolute Position'.
5. Move the button anywhere inside the frame.
6. Resize other objects or the frame; the button stays fixed.

Output

The button remains exactly where placed, independent of other objects' layout changes.

Common Pitfalls

Common mistakes when using absolute position in Figma include:

• Forgetting to enable absolute position, so the object moves with the layout.
• Using absolute position on too many objects, which can break responsive design.
• Not grouping or framing objects properly before applying absolute position.

Always check if the parent is a frame and not a group, as absolute position works only inside frames.

text

Wrong way:
- Select object inside group
- Try to use absolute position (option disabled)

Right way:
- Convert group to frame (Right-click -> Frame selection)
- Select object inside frame
- Enable 'Use as Absolute Position'

Output

Absolute position option becomes available and object can be fixed in place.

Quick Reference

Action	Description
Select object	Choose the layer inside a frame you want to fix
Right-click menu	Choose 'Use as Absolute Position' to fix location
Right sidebar toggle	Enable 'Absolute Position' checkbox
Parent frame	Ensure object is inside a frame, not a group
Move object	Drag object freely without affecting layout

Key Takeaways

Absolute position fixes an object's location inside a frame regardless of layout changes.

Enable absolute position by right-clicking the object or toggling it in the right sidebar.

Absolute position works only inside frames, not groups.

Use absolute position sparingly to maintain responsive and clean designs.

Check parent container type before applying absolute position.