Frames allow creators to do more and work faster.

Frames allow creators to do more and work faster.

What are Frames?

Frames act as containers that provide additional control over nested objects with enhanced functionalities. Frames allow you to build everything from individual elements, to entire spaces and UI surfaces.

Similar to Groups, you can adjust the properties of a frame including its dimensions and visibility.

Frames give you access to other features including constraints, align and distribute, clipping, and additional State Machine capabilities.

Constraints

Objects nested within a Frame can be constrained to any of the Frame’s faces.

Constraints can be applied on nested objects.

Constraints can be applied on nested objects.

Clipping

Objects nested within a Frame can be clipped by its parent Frame.

Parent Frames can be used for clipping nested objects.

Parent Frames can be used for clipping nested objects.

Align & Distribute

Objects nested within a Frame can be aligned and distributed based on the Frame’s boundaries.

Frames can be used as a container for align and distribute.

Frames can be used as a container for align and distribute.


Creating Frames

There are 4 ways to create Frames in Bezi.

<aside> 💡 If you have objects selected in your canvas, the Frame will automatically be created around them. If there aren’t any active selections, you can draw a Frame in the viewport.

</aside>

1. Use Command Center

Activate Bezi’s Command Center by typing FR and then tap the SPACE BAR to create a Frame.

2. Main Menu Button

Click the Frame button in the main menu.

Creating a Frame from the main menu button.

Creating a Frame from the main menu button.