Figma Figma Components and Variants 2 — Questions and Answers
Question 1: In Figma, what is a 'component set'?
- A folder of unrelated components
- A group of variants combined into a single container (Correct answer)
- A published component library
- A set of components shared across teams
Correct answer: A group of variants combined into a single container
A component set is a special container that holds all variants of a component, enabling designers to switch between them in the Design panel.
Question 2: Which of the following correctly describes 'nested components' in Figma?
- Components that are inside a locked frame
- Components used inside other components (Correct answer)
- Components shared from another team's library
- Components that only appear in prototype mode
Correct answer: Components used inside other components
Nested components are components placed inside another component, enabling complex, reusable UI patterns like buttons inside cards.
Question 3: How do you swap one component instance for another variant using Figma's Design panel?
- Drag a new component from Assets panel
- Use the variant property dropdowns in the Design panel (Correct answer)
- Delete and re-insert the component
- Use the Plugins menu
Correct answer: Use the variant property dropdowns in the Design panel
When an instance is selected, the Design panel shows variant property dropdowns that let you swap between defined variants instantly.
Question 4: What does the 'Reset to Main Component' option do in Figma?
- Deletes the instance and places the main component
- Removes all local overrides, reverting the instance to match the main component (Correct answer)
- Moves the instance to the main component's page
- Unlocks all layers in the instance
Correct answer: Removes all local overrides, reverting the instance to match the main component
'Reset to Main Component' clears all local overrides so the instance exactly matches its main component again.
Question 5: In Figma, where are remote library components accessed from?
- The Prototype panel
- The Layers panel
- The Assets panel under the library name (Correct answer)
- The Export panel
Correct answer: The Assets panel under the library name
Remote library components appear in the Assets panel, organized under the name of the published team library they belong to.
Question 6: What is the difference between 'Published' and 'Unpublished' components in a Figma team library?
- Published components are visible to team members via the Assets panel; unpublished are only local (Correct answer)
- Published components are locked; unpublished can be edited
- Published components are exported to CSS; unpublished stay in Figma
- There is no difference
Correct answer: Published components are visible to team members via the Assets panel; unpublished are only local
Publishing a component to a team library makes it accessible to all team members through their Assets panel, while unpublished components are only available within the current file.
Figma Figma Components and Variants 2
In Figma, what is a 'component set'?