The Graphics Editor has four main areas.

1. Composition Tree (Left Panel)

Shows the hierarchy of your graphic: subcompositions, groups, and elements. Click any item to select it on the canvas. Drag items to reorder.

2. Canvas (Center)

The main design area where you see and edit your graphic at 1920×1080. You can:

• Click to select elements
• Drag to move elements
• Scroll to zoom in/out
• Hold Space + drag to pan
• Drag handles to resize

3. Inspector (Right Panel)

Also called the Property Panel. Shows properties for the selected element. The content changes based on what you select:

• For Text: font, size, color, alignment, shadow
• For Rectangle: fill, border, border radius, opacity
• For Image: source, fit mode, mask
• For Subcomposition: animation presets, logic layer, state

4. Toolbar (Top)

Contains quick actions: undo, redo, zoom controls, safe area toggles, deploy button, and settings.

Elements & Sources