Overriding instance properties in Figma - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to override the text property of an instance.

Figma

instance.text = [1]

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

A"New Text"

BNew Text

Ctext

Dinstance

Attempts:

3 left

💡 Hint

Common Mistakes

Forgetting to use quotes around the string.

Assigning a variable name instead of a string.

To override the text property, you must assign a string value enclosed in quotes.

2fill in blank

medium

Complete the code to override the fill color of an instance.

Figma

instance.fills = [{"type": "SOLID", "color": [1]]

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

A{"r": 1, "g": 0, "b": 0}

B"red"

Cred

D[1, 0, 0]

Attempts:

3 left

💡 Hint

Common Mistakes

Using color names as strings instead of color objects.

Using arrays instead of objects for color.

The fill color must be an object with r, g, b values between 0 and 1.

3fill in blank

hard

Fix the error in overriding the instance's opacity property.

Figma

instance.opacity = [1]

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

A150

B1.5

C"0.5"

D0.5

Attempts:

3 left

💡 Hint

Common Mistakes

Using values greater than 1.

Using strings instead of numbers.

Opacity must be a decimal between 0 and 1. 0.5 means 50% opacity.

4fill in blank

hard

Fill both blanks to override the width and height of an instance.

Figma

instance.resize([1], [2])

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

A100

B200

C"100"

D"200"

Attempts:

3 left

💡 Hint

Common Mistakes

Using strings instead of numbers for dimensions.

Swapping width and height values.

The resize method expects numeric values for width and height without quotes.

5fill in blank

hard

Fill all three blanks to override the instance's rotation, x, and y position.

Figma

instance.rotation = [1]
instance.x = [2]
instance.y = [3]

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

A45

B150

C300

D"45"

Attempts:

3 left

💡 Hint

Common Mistakes

Using strings instead of numbers.

Confusing rotation with position values.

Rotation and position properties expect numeric values without quotes.