Spacing between items in Figma - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set equal spacing between items in a Figma frame.

Figma

frame.layoutMode = [1]

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

ASTACK

BVERTICAL

CGRID

DHORIZONTAL

Attempts:

3 left

💡 Hint

Common Mistakes

Using VERTICAL instead of HORIZONTAL for side-by-side spacing.

Confusing GRID with spacing between items.

Setting layoutMode to HORIZONTAL arranges items side by side with spacing.

2fill in blank

medium

Complete the code to set the spacing between items to 20 pixels.

Figma

frame.itemSpacing = [1]

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

A20

B10

C30

D40

Attempts:

3 left

💡 Hint

Common Mistakes

Using the wrong number for spacing.

Confusing spacing with padding.

Setting itemSpacing to 20 adds 20 pixels between items.

3fill in blank

hard

Fix the error in the code to properly set spacing between items.

Figma

frame.itemSpacing = [1]

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

A20

B30

C50

D40

Attempts:

3 left

💡 Hint

Common Mistakes

Using comparison operator == instead of assignment =.

Forgetting to assign a value.

Use a single equals sign = to assign itemSpacing, not ==.

4fill in blank

hard

Fill both blanks to set vertical layout and spacing of 15 pixels between items.

Figma

frame.layoutMode = [1]
frame.itemSpacing = [2]

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

AVERTICAL

BHORIZONTAL

C15

D20

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing horizontal and vertical layout values.

Using wrong spacing value.

Use VERTICAL for vertical layout and 15 for spacing in pixels.

5fill in blank

hard

Fill all three blanks to set horizontal layout, spacing 25 pixels, and padding 10 pixels.

Figma

frame.layoutMode = [1]
frame.itemSpacing = [2]
frame.padding = [3]

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

AVERTICAL

B25

C10

DHORIZONTAL

Attempts:

3 left

💡 Hint

Common Mistakes

Confusing padding with spacing.

Using vertical layout instead of horizontal.

Set layoutMode to HORIZONTAL, itemSpacing to 25 pixels, and padding to 10 pixels.