Branching and merging in Figma - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a new branch in Figma.

Figma

figma.[1]('new-feature')

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

Amerge

Bpush

Cbranch

Dcommit

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'merge' instead of 'branch' to create a new branch.

Confusing 'commit' with branching.

In Figma, branch is used to create a new branch for parallel work.

2fill in blank

medium

Complete the code to merge a branch named 'feature' into the main branch.

Figma

figma.merge('[1]', 'main')

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

Afeature

Btest

Cdevelop

Drelease

Attempts:

3 left

💡 Hint

Common Mistakes

Merging from the wrong branch like 'develop' or 'test'.

Confusing the target and source branches.

To merge changes from the feature branch into main, specify 'feature' as the source branch.

3fill in blank

hard

Fix the error in the code to correctly merge the 'bugfix' branch into 'main'.

Figma

figma.[1]('main', 'bugfix')

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

Acommit

Bmerge

Cbranch

Dpush

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'branch' or 'commit' instead of 'merge'.

Swapping the order of branches in the merge call.

The merge function takes the source branch first, then the target branch. The correct order is merge('bugfix', 'main').

4fill in blank

hard

Fill both blanks to create a branch named 'experiment' and then merge it into 'main'.

Figma

figma.[1]('experiment')
figma.[2]('experiment', 'main')

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

Abranch

Bcommit

Cmerge

Dpush

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'commit' instead of 'branch' to create a branch.

Using 'push' instead of 'merge' to combine branches.

First, create a branch with branch('experiment'). Then merge it into main with merge('experiment', 'main').

5fill in blank

hard

Fill all three blanks to create a branch 'test', commit changes, and merge into 'main'.

Figma

figma.[1]('test')
figma.[2]('Added new UI elements')
figma.[3]('test', 'main')

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

Abranch

Bcommit

Cmerge

Dpush

Attempts:

3 left

💡 Hint

Common Mistakes

Skipping the commit step.

Using 'push' instead of 'merge' to combine branches.

Mixing up the order of operations.

First, create the branch with branch('test'). Then commit your changes with commit('Added new UI elements'). Finally, merge the branch into main with merge('test', 'main').