Which resizing option in Figma would you use to ensure an image scales proportionally when its parent frame is resized?
Fixed width and height
Top and Bottom constraints only
Left and Right constraints only
Scale
What is the primary function of Layout Grids in Figma?
To create visually appealing gradients and color blends.
To automatically generate code for web development.
To apply special effects like shadows and blurs to objects.
To define precise spacing and alignment within a design.
What does the 'Exclude' Boolean operation do in Figma?
Merges shapes, keeping only the overlapping area.
Removes the top shape from the bottom shape, leaving a hole.
Identifies and selects intersecting paths of two shapes.
Combines shapes while removing the area where they overlap.
Besides exporting entire design files, what is a specific way to share Styles with collaborators or developers in Figma?
By copying and pasting the CSS code of individual Styles.
By exporting Styles as a .FIGMA file that can be imported into code editors.
By publishing a 'Shared Library' and providing a link to access it.
By generating a style guide using a plugin like 'Design System Manager'.
Which of these is NOT a valid trigger for an interaction in Figma prototypes?
On Click
While Hovering
On File Save
After Delay
How can you efficiently manage different variations of a button component (e.g., primary, secondary) within your Figma Design System?
Create separate components for each variation.
Use different colors for each button.
Use component variants.
Duplicate the component and rename it.
In Figma's prototype settings, what does the 'Flow starting point' define?
The device orientation used when previewing the prototype.
The first frame that is displayed when the prototype is launched.
The initial animation speed when previewing the prototype.
The default interaction type applied to all frames in the prototype.
What is the difference between a 'Color Style' and a 'Text Style' in Figma?
A 'Color Style' applies only to fill colors, while a 'Text Style' applies to stroke colors.
A 'Color Style' is used for branding elements, while a 'Text Style' is used for body text and headings.
A 'Color Style' defines a single color, while a 'Text Style' can include multiple colors within a text layer.
A 'Color Style' defines a specific color value, while a 'Text Style' encompasses font properties, color, and other text formatting.
How can you maintain consistency in spacing and sizing throughout your design system in Figma?
Use arbitrary values.
Use a plugin for random measurements.
Rely on visual judgment.
Define a grid system.
Why might you use device frames when prototyping in Figma?
To test the responsiveness of the design across multiple screen sizes.
To accurately represent the prototype's dimensions on different devices.
All of the above
To enhance the visual appeal of the prototype.