Figma - Frames and Layout
You want a sidebar element inside a frame to remain fixed 30px from the left edge and stretch vertically as the frame height changes. Which constraints should you apply?
You want a sidebar element inside a frame to remain fixed 30px from the left edge and stretch vertically as the frame height changes. Which constraints should you apply?
hard📝 Scenario Q8 of 15
Step-by-Step Solution
Solution:
Step 1: Fix horizontal position
Setting the Left constraint keeps the element 30px from the left edge.Step 2: Enable vertical resizing
Setting both Top and Bottom constraints allows the element to stretch vertically as the frame height changes.Final Answer:
Use Left, Top, and Bottom constraints to fix horizontal position and allow vertical stretch. Left, Top, and Bottom constraintsQuick Check:
Left fixes horizontal; Top & Bottom enable vertical stretch [OK]
Quick Trick: Left fixes horizontal; Top & Bottom enable vertical stretch [OK]
Common Mistakes:
MISTAKES- Using Center instead of Left constraint
- Omitting Bottom constraint prevents vertical stretch
- Using Right constraint fixes wrong edge
Master "Frames and Layout" in Figma
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Figma Quizzes