Padding control in Figma - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set padding inside a frame in Figma.

Figma

frame.padding[1] = 16

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

A.top

B.left

C.all

D.bottom

Attempts:

3 left

💡 Hint

Common Mistakes

Using .top or .left sets padding only on one side.

For uniform padding, .all is needed.

Using .all sets padding on all sides of the frame equally.

2fill in blank

medium

Complete the code to increase the left padding of a frame.

Figma

frame.padding[1] += 8

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

A.right

B.left

C.bottom

D.top

Attempts:

3 left

💡 Hint

Common Mistakes

Using .right or .top changes padding on other sides.

For left padding, use .left.

To increase left padding, use .left property.

3fill in blank

hard

Fix the error in the code to set vertical padding correctly.

Figma

frame.padding[1] = 12

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

A.vertical

B.horizontal

C.all

D.top

Attempts:

3 left

💡 Hint

Common Mistakes

Using .horizontal affects left and right, not vertical.

Using .all sets all sides, not just vertical.

.vertical sets padding for top and bottom sides together.

4fill in blank

hard

Fill both blanks to set horizontal padding and then reduce bottom padding.

Figma

frame.padding[1] = 20
frame.padding[2] -= 5

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

A.horizontal

B.vertical

C.bottom

D.top

Attempts:

3 left

💡 Hint

Common Mistakes

Confusing vertical and horizontal properties.

Trying to reduce padding on a side not specified.

First line sets left and right padding with .horizontal. Second line reduces bottom padding with .bottom.

5fill in blank

hard

Fill all three blanks to set top padding, increase right padding, and set all padding to 10.

Figma

frame.padding[1] = 15
frame.padding[2] += 5
frame.padding[3] = 10

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

A.top

B.right

C.all

D.left

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing up side names.

Setting all padding before individual sides.

Top padding is set first, then right padding is increased, finally all sides are set to 10.