Frame elements

By framing your elements, you can:

• Move your elements around as one and add animation effect to the entire frame, eliminating the need for repetitive adjustments.
• Simplify editing and formatting tasks by treating grouped as a cohesive unit (for example: if you want to apply a background to a frame).
• Maintain design consistency by keeping related elements together.

#How to frame elements

Protip: After selecting the elements, use the keyboard shortcuts Ctrl + Shift + F (Windows) or Command + Shift + F (Mac) to frame elements even faster.

A group can be moved, resized, rotated, and animated as a single unit.

You can applyConstraints between the elements included in the frame with the frame container.

#How to remove an element from a frame

If you no longer want your element to behave as one component, you can easily remove it from the frame.

#Nested frames within other frames

In FoxStudio, you can create frames within other frames by nesting them. This allows you to combine frames with different properties to build complex designs.

#FAQ

#How do I add an element to an existing frame?

1. Click the frame.
2. Hold down the Shift key on your keyboard and click the additional element.
3. Click Frame selection.