Batch operations and selection in Figma - Practice Problems & Coding Challenges

Challenge - 5 Problems

🧠 Conceptual

intermediate

Understanding Batch Selection in Figma

In Figma, you want to select multiple objects quickly to apply the same style. Which method best allows you to select several objects that are not next to each other?

A Hold Shift and click each object you want to select.

B Click and drag to create a selection box around all objects.

C Double-click on one object to select all similar objects.

D Right-click on one object and choose 'Select All'.

💡 Hint

Think about how to add to your selection without losing the previous ones.

Holding Shift while clicking allows you to add or remove individual objects from your selection, even if they are not next to each other.

❓ visualization

intermediate

Batch Rename Operation Result

You have selected 5 layers named 'Button 1', 'Button 2', 'Button 3', 'Button 4', and 'Button 5' in Figma. You use the batch rename feature to rename them with the pattern 'CTA Button '. What will be the new names of the layers?

A "CTA Button 1", "CTA Button 2", "CTA Button 3", "CTA Button 4", "CTA Button 5"

B "CTA Button 0", "CTA Button 1", "CTA Button 2", "CTA Button 3", "CTA Button 4"

C "CTA Button 5", "CTA Button 4", "CTA Button 3", "CTA Button 2", "CTA Button 1"

D "CTA Button", "CTA Button", "CTA Button", "CTA Button", "CTA Button"

💡 Hint

Batch rename numbers starting from 1 based on their order in the Layers panel.

The batch rename feature replaces the original names with the new pattern and numbers them starting at 1 based on their order in the Layers panel.

🔧 Formula Fix

advanced

Why Does Batch Selection Fail?

You try to select multiple layers in Figma by clicking and dragging a selection box, but some layers are not selected even though they are inside the box. What is the most likely reason?

A The layers are grouped and cannot be selected individually.

B Some layers are locked, preventing selection.

C The selection box was drawn too slowly.

D You need to hold Ctrl (Cmd) while dragging to select multiple layers.

💡 Hint

Think about what prevents you from changing or selecting an object in Figma.

Locked layers cannot be selected or edited until they are unlocked, so they won't be included in batch selections.

❓ data_modeling

advanced

Organizing Layers for Efficient Batch Operations

You have a complex Figma file with hundreds of layers. To perform batch operations efficiently, which layer organization strategy is best?

A Use random layer names and rely on color coding only.

B Keep all layers flat without groups to avoid confusion.

C Group related layers into named frames and use consistent naming conventions.

D Delete unused layers instead of organizing them.

💡 Hint

Think about how grouping and naming help find and select layers quickly.

Grouping related layers into frames and using consistent names makes batch selection and operations easier and faster.

🎯 Scenario

expert

Batch Style Update Scenario

You have selected 10 text layers in Figma that use different font sizes and colors. You want to update all selected layers to use font size 16 and color #333333 in one batch operation. Which steps should you follow?

A Select one text layer, change font size and color, then copy style and paste it to each other layer individually.

B Select all layers, right-click and choose 'Batch Update Styles' to set font size and color.

C Create a new text style with font size 16 and color #333333, then apply it to each layer one by one.

D Select all text layers, then in the right panel, set font size to 16 and color to #333333; changes apply to all selected layers.

💡 Hint

Think about how Figma applies style changes to multiple selected objects at once.

When multiple text layers are selected, changing font size and color in the properties panel updates all selected layers simultaneously.

Practice

1. What is the main benefit of using batch selection in Figma?

easy

A. It automatically groups all items into one frame.

B. It allows you to select multiple items quickly to edit them together.

C. It changes the color of all items without selecting them.

D. It locks all items so they cannot be moved.

Solution

1. Step 1: Understand batch selection purpose

   Batch selection is used to pick many items at once instead of one by one.

2. Step 2: Identify the benefit of batch selection

   By selecting multiple items quickly, you can apply changes to all of them together, saving time.

3. Final Answer:

   It allows you to select multiple items quickly to edit them together. -> Option B

4. Quick Check:

   Batch selection = select many items fast [OK]

Hint: Batch selection means picking many items at once [OK]

Common Mistakes:

• Confusing batch selection with grouping
• Thinking batch selection changes items automatically
• Assuming batch selection locks items

2. Which keyboard shortcut in Figma lets you select all items on the current frame?

easy

A. Ctrl + G (Cmd + G on Mac)

B. Ctrl + S (Cmd + S on Mac)

C. Ctrl + D (Cmd + D on Mac)

D. Ctrl + A (Cmd + A on Mac)

Solution

1. Step 1: Recall common selection shortcuts

   Ctrl + A (or Cmd + A) is the standard shortcut to select all items in many programs, including Figma.

2. Step 2: Match shortcut to action

   Ctrl + S saves, Ctrl + D duplicates, Ctrl + G groups. Only Ctrl + A selects all.

3. Final Answer:

   Ctrl + A (Cmd + A on Mac) -> Option D

4. Quick Check:

   Select all shortcut = Ctrl + A [OK]

Hint: Remember Ctrl + A means select all [OK]

Common Mistakes:

• Mixing save shortcut with select all
• Confusing duplicate with select all
• Using group shortcut instead of select all

3. Given you have 5 rectangles selected in Figma and you apply a batch operation to change their fill color to blue, what will be the result?

medium

A. Only the first rectangle will change color to blue.

B. The rectangles will be grouped but colors stay the same.

C. All 5 rectangles will have their fill color changed to blue.

D. An error will occur because batch color change is not allowed.

Solution

1. Step 1: Understand batch operation effect

   Batch operations apply the same change to all selected items simultaneously.

2. Step 2: Apply color change to all selected rectangles

   Changing fill color while multiple rectangles are selected updates each one to the new color.

3. Final Answer:

   All 5 rectangles will have their fill color changed to blue. -> Option C

4. Quick Check:

   Batch operation = change all selected items [OK]

Hint: Batch changes affect all selected items equally [OK]

Common Mistakes:

• Thinking only one item changes color
• Confusing grouping with color change
• Assuming batch color change causes error

4. You tried to batch select items in Figma but only one item got selected. What is the most likely mistake?

medium

A. You clicked instead of dragging or using Ctrl/Cmd to multi-select.

B. You grouped the items before selecting.

C. You locked the items before selecting.

D. You used the wrong color fill.

Solution

1. Step 1: Identify batch selection methods

   Batch selection requires dragging a selection box or holding Ctrl/Cmd while clicking multiple items.

2. Step 2: Recognize why only one item was selected

   Clicking a single item without modifiers selects only that item, not multiple.

3. Final Answer:

   You clicked instead of dragging or using Ctrl/Cmd to multi-select. -> Option A

4. Quick Check:

   Batch select needs drag or Ctrl/Cmd click [OK]

Hint: Use drag or Ctrl/Cmd click to select many [OK]

Common Mistakes:

• Thinking grouping affects selection method
• Assuming locked items cause single selection
• Confusing color fill with selection

5. You want to batch rename 10 layers in Figma to have a prefix "Icon-" followed by their original name. Which approach correctly applies this batch operation?

hard

A. Select all 10 layers, then use the rename feature with "Icon-" prefix and keep original names.

B. Group the layers and rename the group to "Icon-".

C. Rename one layer and expect all others to change automatically.

D. Select layers one by one and rename each manually.

Solution

1. Step 1: Understand batch renaming in Figma

   Figma allows batch renaming by selecting multiple layers and applying a rename pattern that can add prefixes or suffixes.

2. Step 2: Apply prefix while preserving original names

   Using the rename feature with a prefix "Icon-" adds it to each selected layer's existing name.

3. Final Answer:

   Select all 10 layers, then use the rename feature with "Icon-" prefix and keep original names. -> Option A

4. Quick Check:

   Batch rename = select all + rename pattern [OK]

Hint: Select all layers, then batch rename with prefix [OK]

Common Mistakes:

• Renaming group instead of individual layers
• Expecting one rename to affect all without selection
• Renaming layers one by one instead of batch