Hint: Use Ctrl+Alt+K or Cmd+Option+K to create components fast [OK]
Common Mistakes:
Confusing frames with components
Trying to create components by dragging elements
Assuming double-click creates components
3. Given a Figma file with 10 buttons created as components, if you update the main button component's color, what happens to the 10 buttons?
medium
A. All 10 buttons update their color automatically.
B. Only the first button updates; others stay the same.
C. None of the buttons update; you must change each manually.
D. The buttons change shape but not color.
Solution
Step 1: Understand component instances behavior
Instances of a component inherit changes made to the main component automatically.
Step 2: Apply this to the button color update
Changing the main button's color updates all instances, so all 10 buttons change color.
Final Answer:
All 10 buttons update their color automatically. -> Option A
Quick Check:
Main component change = All instances update [OK]
Hint: Main component edits update all instances automatically [OK]
Common Mistakes:
Thinking only one instance updates
Believing manual update is needed for each instance
Confusing color change with shape change
4. You tried to use a component in Figma but the changes you made to the main component did not reflect in the instances. What is the most likely reason?
medium
A. You forgot to save the file after editing the main component.
B. You created a frame instead of a component.
C. You edited the instance directly instead of the main component.
D. You used the wrong shortcut to create the component.
Solution
Step 1: Identify difference between main component and instance
Instances can be edited locally, which overrides main component changes.
Step 2: Understand why changes don't reflect
If you edit an instance directly, it breaks the link to the main component, so updates won't apply.
Final Answer:
You edited the instance directly instead of the main component. -> Option C
Quick Check:
Editing instance breaks update link [OK]
Hint: Always edit main component, not instances, to update all [OK]
Common Mistakes:
Assuming saving file affects component updates
Confusing frames with components
Using wrong shortcut but still expecting updates
5. You have a design project with many repeated styles like colors and fonts. How can using Figma's styles feature improve your workflow efficiency?
hard
A. By using styles, you avoid the need to use components entirely.
B. By creating styles, Figma automatically generates all design elements for you.
C. By applying styles, your file size will increase significantly, making it slower.
D. By defining styles once, you can apply and update them everywhere, reducing manual changes.
Solution
Step 1: Understand what styles do in Figma
Styles let you save colors, fonts, and effects to reuse consistently across designs.
Step 2: Recognize how styles save time
Updating a style updates all elements using it, avoiding manual edits everywhere.
Final Answer:
By defining styles once, you can apply and update them everywhere, reducing manual changes. -> Option D
Quick Check:
Styles update all linked elements automatically [OK]
Hint: Use styles to update colors/fonts everywhere at once [OK]