You want to create a responsive card component using frames and Auto Layout. Which combination of settings will best allow the card to resize based on content?

hard📝 Scenario Q8 of 15

Figma - Frames and Layout

AUse multiple nested frames without Auto Layout

BFix frame width and disable Auto Layout

CSet frame height to fixed and use manual spacing

DSet frame width to 'hug contents' and enable Auto Layout with padding

Step-by-Step Solution

Solution:

Step 1: Understand responsive design needs
Responsive cards adjust size based on content changes.
Step 2: Apply frame and Auto Layout settings
Setting width to 'hug contents' lets frame resize; Auto Layout manages spacing and padding.
Final Answer:
Set frame width to 'hug contents' and enable Auto Layout with padding -> Option D
Quick Check:
Responsive card = Hug contents + Auto Layout [OK]

Quick Trick: Use 'hug contents' width with Auto Layout for responsive cards [OK]

Common Mistakes:

MISTAKES

Fixing width disables responsiveness
Ignoring Auto Layout for spacing
Using nested frames without layout control

Master "Frames and Layout" in Figma

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep Sheet Try Challenge Scenario Recall Dash

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions

More Figma Quizzes

You want to create a responsive card component using frames and Auto Layout. Which combination of settings will best allow the card to resize based on content?

Step 1: Understand responsive design needs

Step 2: Apply frame and Auto Layout settings

Final Answer:

Quick Check:

Want More Practice?