Variables in prototypes in Figma - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to declare a variable in a Figma prototype.

Figma

let [1] = 10;

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

Acount

Bvar

Cscore

Dvalue

Attempts:

3 left

💡 Hint

Common Mistakes

Using reserved keywords as variable names

Starting variable names with numbers

In Figma prototypes, you declare variables with let followed by the variable name. Here, score is a valid variable name.

2fill in blank

medium

Complete the code to update a variable value in a Figma prototype.

Figma

[1] = 20;

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

Ascore

Bconst score

Cvar score

Dlet score

Attempts:

3 left

💡 Hint

Common Mistakes

Redeclaring the variable with let when updating

Using const which prevents reassignment

To update a variable's value, just use the variable name followed by the assignment operator. No need to redeclare with let or const.

3fill in blank

hard

Fix the error in the variable declaration for a Figma prototype.

Figma

let [1] = 'blue';

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

A1color

Bcolor1

Cvar

Dlet

Attempts:

3 left

💡 Hint

Common Mistakes

Starting variable names with numbers

Using reserved keywords as variable names

Variable names cannot start with a number. color1 is valid because it starts with a letter.

4fill in blank

hard

Fill both blanks to create and update a variable in a Figma prototype.

Figma

[1] color = 'red';
color [2] 'blue';

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

Alet

B=

C==

Dconst

Attempts:

3 left

💡 Hint

Common Mistakes

Using == for assignment instead of comparison

Using const when the variable needs to be updated

Use let to declare a variable and = to assign or update its value.

5fill in blank

hard

Fill all three blanks to declare a variable, update it, and log it in a Figma prototype.

Figma

[1] count [2] 5;
count [3] 10;
console.log(count);

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

Alet

B=

C+=

Dconst

Attempts:

3 left

💡 Hint

Common Mistakes

Using const when variable needs to change

Using += instead of = when replacing value

Declare with let, assign with =, and update with = for a new value. Here, count = 10; replaces the old value.