Font size and line height in Figma - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set the font size to 16 pixels in Figma.

Figma

textNode.fontSize = [1]

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

A16px

B'16px'

C16

Dsize16

Attempts:

3 left

💡 Hint

Common Mistakes

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

Including units like 'px' in the value.

The fontSize property in Figma expects a number representing pixels, so 16 is correct.

2fill in blank

medium

Complete the code to set the line height to 24 pixels in Figma.

Figma

textNode.lineHeight = [1]

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

A24

B'24px'

ClineHeight24

D24px

Attempts:

3 left

💡 Hint

Common Mistakes

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

Adding units like 'px'.

Line height in Figma is set as a number representing pixels, so 24 is correct.

3fill in blank

hard

Fix the error in the code to correctly set font size to 18 pixels.

Figma

textNode.fontSize = [1]

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

A18px

B18

CfontSize18

D'18px'

Attempts:

3 left

💡 Hint

Common Mistakes

Using a string with 'px' units.

Including units in the value.

Font size must be a number without quotes or units in Figma.

4fill in blank

hard

Fill both blanks to set font size to 20 and line height to 28 pixels.

Figma

textNode.fontSize = [1]
textNode.lineHeight = [2]

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

A20

B28

C'28px'

D'20px'

Attempts:

3 left

💡 Hint

Common Mistakes

Using strings with 'px' units.

Mixing numbers and strings.

Both fontSize and lineHeight expect numbers without quotes or units.

5fill in blank

hard

Fill all three blanks to set font size to 14, line height to 21, and assign the font family 'Roboto'.

Figma

textNode.fontSize = [1]
textNode.lineHeight = [2]
textNode.fontName = [3]

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

A14

B21

C{ family: 'Roboto', style: 'Regular' }

D'Roboto'

Attempts:

3 left

💡 Hint

Common Mistakes

Using strings for fontSize or lineHeight.

Assigning fontName as a string instead of an object.

fontSize and lineHeight are numbers. fontName requires an object with family and style.