0
0
Figmabi_tool~20 mins

Creating and resizing frames in Figma - Practice Exercises

Choose your learning style9 modes available
Challenge - 5 Problems
🎖️
Frame Mastery Badge
Get all challenges correct to earn this badge!
Test your skills under time pressure!
🧠 Conceptual
intermediate
2:00remaining
Understanding Frame Resizing Behavior

In Figma, when you resize a frame that contains multiple objects, what happens to the objects inside if the frame's constraints are set to 'Scale'?

AObjects inside the frame move but do not resize when the frame is resized.
BObjects inside the frame keep their original size and position regardless of frame resizing.
CAll objects inside the frame scale proportionally with the frame size.
DObjects inside the frame are deleted when the frame is resized.
Attempts:
2 left
💡 Hint

Think about how 'Scale' constraints affect child objects when the parent frame changes size.

dax_lod_result
intermediate
2:00remaining
Calculating Frame Area After Resize

You have a frame with width 200px and height 100px. You resize it by increasing width by 50% and height by 20%. What is the new area of the frame in square pixels?

A36000
B30000
C24000
D26000
Attempts:
2 left
💡 Hint

Calculate new width and height first, then multiply.

visualization
advanced
2:00remaining
Best Practice for Responsive Frame Design

Which visualization best demonstrates how to set constraints for a frame to keep a button fixed to the bottom-right corner when resizing the frame?

AButton constraints set to Left and Top
BButton constraints set to Scale
CButton constraints set to Center and Middle
DButton constraints set to Right and Bottom
Attempts:
2 left
💡 Hint

Think about which edges the button should stay attached to when the frame changes size.

🔧 Formula Fix
advanced
2:00remaining
Fixing Unexpected Frame Resize Behavior

You resized a frame but the objects inside did not move or resize as expected. Which of the following is the most likely cause?

AFrame was resized using the scale tool instead of drag handles.
BObjects inside the frame have constraints set to 'Fixed'.
CObjects inside the frame are locked.
DFrame has no fill color.
Attempts:
2 left
💡 Hint

Consider how constraints affect object behavior during frame resizing.

🎯 Scenario
expert
3:00remaining
Designing a Dashboard Frame for Multiple Screen Sizes

You are designing a dashboard frame in Figma that must adapt to different screen sizes. Which combination of constraints and resizing method will best maintain layout integrity and usability?

ASet key UI elements with constraints to Left, Right, Top, Bottom and resize frame using drag handles.
BSet all UI elements constraints to Scale and resize frame using scale tool.
CSet UI elements constraints to Fixed and resize frame using drag handles.
DSet UI elements constraints to Center and Middle and resize frame using scale tool.
Attempts:
2 left
💡 Hint

Think about how to keep elements anchored and maintain spacing on different screen sizes.