Letter spacing and paragraph spacing in Figma - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set letter spacing to 2 pixels in Figma.

Figma

textNode.letterSpacing = [1]

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

A'2px'

B2

C20

D'20px'

Attempts:

3 left

💡 Hint

Common Mistakes

Using a string like '2px' instead of a number.

Using too large a number like 20.

Letter spacing in Figma is set as a number representing pixels, so 2 means 2 pixels.

2fill in blank

medium

Complete the code to set paragraph spacing to 10 pixels in Figma.

Figma

textNode.paragraphSpacing = [1]

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

A10

B'10px'

C'10pt'

D1

Attempts:

3 left

💡 Hint

Common Mistakes

Using a string like '10px' instead of a number.

Using a small number like 1 which is too little spacing.

Paragraph spacing is set as a number representing pixels, so 10 means 10 pixels.

3fill in blank

hard

Fix the error in setting letter spacing to 5 pixels (number expected, not string).

Figma

textNode.letterSpacing = [1]

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

A5

B'5px'

C'five'

D0

Attempts:

3 left

💡 Hint

Common Mistakes

Using '5px' as a string causes errors.

Using 0 removes spacing.

Letter spacing must be a number, so 5 without quotes is correct.

4fill in blank

hard

Fill both blanks to set letter spacing to 3 and paragraph spacing to 12 pixels.

Figma

textNode.letterSpacing = [1]
textNode.paragraphSpacing = [2]

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

A3

B12

C'12px'

D'3px'

Attempts:

3 left

💡 Hint

Common Mistakes

Using strings like '3px' or '12px' instead of numbers.

Swapping the values between letter and paragraph spacing.

Both letterSpacing and paragraphSpacing expect numbers representing pixels.

5fill in blank

hard

Fill all three blanks to set letter spacing to 1, paragraph spacing to 8, and then increase letter spacing by 2.

Figma

textNode.letterSpacing = [1]
textNode.paragraphSpacing = [2]
textNode.letterSpacing += [3]

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

A1

B8

C2

D'2px'

Attempts:

3 left

💡 Hint

Common Mistakes

Using strings like '2px' instead of number 2.

Mixing up paragraph and letter spacing values.

Use numbers for spacing. Increase letter spacing by adding 2 as a number.