The Design Editor
Frames

Frames

A Frame is a container that groups several objects into one — move, scale, and animate them together as a single unit, without losing the ability to work with them individually later.

If you've used design tools that call this feature "Group," CloudMonet's Frame does the same job but is a real object in its own right — it has its own name, its own position on the timeline, and can be animated independently of its contents.

Creating a Frame

  1. Select two or more objects (Shift + click each one).
  2. Press Cmd/Ctrl + G, or click Wrap in Frame in the context toolbar.

The Frame is named automatically — "Frame 1", "Frame 2", and so on — and shown with a dashed border so its boundary is visible on the canvas.

You can also create a Frame with nothing in it yet: open Elements in the sidebar and choose Add Frame.

Adding and removing objects

  • Add an object to an existing Frame: select the Frame together with the object(s) you want to add (Shift + click), then use Add to Frame in the context toolbar (it replaces the Wrap in Frame button once a Frame is part of the selection).
  • Remove everything from a Frame: select it and press Cmd/Ctrl + Shift + G (Unwrap Frame) — this dissolves the Frame back into its individual objects.
  • You can't wrap an object that's already inside a different Frame directly into a new one — unwrap it first, then re-wrap.

Position: Frame-relative vs. canvas-relative

Once an object is inside a Frame, its X/Y position in the Properties panel is normally shown relative to the Frame, not the canvas. Toggle between the two with the coordinate-space switch that appears above the position fields when a framed object is selected.

Resizing a Frame

Drag the Frame's own resize handles like any object, or select it and click Fit frame to children in the Properties panel to tightly resize it around whatever's currently inside.

Layer order

A Frame behaves as a single object in the layer stack — right-click it to Bring to Front, Send to Back, and so on, same as any other object.

You can also reorder objects within a Frame without unwrapping it: expand the Frame's row in the timeline layer list and drag its children up or down, or select a child on the canvas and use the right-click layer actions. See Layers & Z-Ordering for the full details.

Animating a Frame

A Frame has its own timeline clip and its own keyframes, separate from its children's. This means you can animate the Frame moving or fading as a whole, while its contents keep whatever animation they already had — useful for something like a lower-third built from a background shape, a logo, and text, where you want the whole assembly to slide in together.