Absolute positioning within Auto Layout in Figma - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set a frame to absolute position inside an auto layout frame.

Figma

frame.positionType = '[1]'

Drag options to blanks, or click blank then click option'

Astatic

Bfixed

Crelative

Dabsolute

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'relative' instead of 'absolute' causes the frame to follow auto layout positioning.

Setting positionType to absolute allows the frame to be positioned freely inside an auto layout container.

2fill in blank

medium

Complete the code to set the x coordinate of an absolutely positioned frame.

Figma

frame.x = [1]

Drag options to blanks, or click blank then click option'

Aframe.parent.width

B50

Cframe.y

Dframe.height

Attempts:

3 left

💡 Hint

Common Mistakes

Using frame.parent.width sets x to the parent's width, which may push the frame outside view.

Setting frame.x to a number like 50 moves the frame 50 pixels from the left of its parent.

3fill in blank

hard

Fix the error in setting absolute position by completing the property name correctly.

Figma

frame.[1] = 'absolute'

Drag options to blanks, or click blank then click option'

ApositionType

Bposition

CposType

DabsolutePosition

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'position' instead of 'positionType' causes the code to fail.

The correct property to set absolute positioning in Figma is positionType.

4fill in blank

hard

Fill both blanks to set absolute position and move the frame 30 pixels from the top.

Figma

frame.[1] = 'absolute'
frame.[2] = 30

Drag options to blanks, or click blank then click option'

ApositionType

Bx

Cy

Dtop

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'top' instead of 'y' for vertical position causes errors.

First, set positionType to 'absolute' to enable free positioning. Then set y to 30 to move the frame 30 pixels down from the top.

5fill in blank

hard

Fill all three blanks to set absolute position and place the frame at (40, 20).

Figma

frame.[1] = 'absolute'
frame.[2] = 40
frame.[3] = 20

Drag options to blanks, or click blank then click option'

ApositionType

Bx

Cy

Dwidth

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing up x and y coordinates or using width instead of position properties.

Set positionType to 'absolute' to allow free positioning. Then set x to 40 and y to 20 to position the frame horizontally and vertically.