Auto-width vs auto-height text in Figma - Interactive Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set the text box to auto-width mode.

Figma

textBox.resize([1]: true, height: 100)

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

AautoWidth

BfixedWidth

CautoHeight

DfixedHeight

Attempts:

3 left

💡 Hint

Common Mistakes

Confusing auto-width with auto-height

Using fixedWidth instead of autoWidth

Setting autoWidth to true makes the text box width adjust automatically to the text content.

2fill in blank

medium

Complete the code to set the text box to auto-height mode.

Figma

textBox.resize(width: 200, [1]: true)

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

AautoHeight

BautoWidth

CfixedHeight

DfixedWidth

Attempts:

3 left

💡 Hint

Common Mistakes

Using autoWidth instead of autoHeight

Setting fixedHeight instead of autoHeight

Setting autoHeight to true makes the text box height adjust automatically to the text content.

3fill in blank

hard

Fix the error in the code to enable auto-width text resizing.

Figma

textBox.resize([1]: false, height: 100)

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

AautoHeight

BfixedWidth

CautoWidth

DfixedHeight

Attempts:

3 left

💡 Hint

Common Mistakes

Setting autoWidth to false disables auto-width

Confusing autoWidth with autoHeight

The property autoWidth should be set to true to enable auto-width resizing, not false.

4fill in blank

hard

Fill both blanks to set fixed width and auto-height for the text box.

Figma

textBox.resize([1]: 300, [2]: true)

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

Awidth

BautoHeight

CautoWidth

Dheight

Attempts:

3 left

💡 Hint

Common Mistakes

Using autoWidth instead of autoHeight

Setting height instead of autoHeight

Setting width to 300 fixes the width, and autoHeight to true allows height to adjust automatically.

5fill in blank

hard

Fill all three blanks to set auto-width, fixed height, and update text content.

Figma

textBox.resize([1]: true, height: [2])
textBox.text = [3]

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

AautoWidth

B100

C"Hello, world!"

DautoHeight

Attempts:

3 left

💡 Hint

Common Mistakes

Using autoHeight instead of autoWidth

Forgetting quotes around text string

Setting height as string instead of number

Setting autoWidth to true adjusts width automatically, height is fixed at 100, and text content is updated to "Hello, world!".