Properties

The Properties panel sits on the right side of the editor, below the layers panel. What it shows depends on what you have selected — the canvas, a single layer, or multiple layers.

This page covers the panel's sections in roughly the order they appear.

Canvas

Visible when nothing in the scene is selected. Sets scene-wide settings.

Dimensions

• Width / Height — 1–4095 px each. The first connected input sets these automatically; you can override here.
• Anchor — a 9-point selector (top-left, top, top-right, left, center, right, bottom-left, bottom, bottom-right). Determines which point stays fixed when you change the dimensions; the rest of the canvas grows or shrinks around it.
• Background — flat color. Defaults to transparent (rendered as the checkerboard).

Grid

• Size — pixels per cell.
• Color — line color.
• Opacity — 0–1.
• Show grid — toggle visibility.
• Snap to grid — when on, dragging snaps layer edges and the layer center to the nearest grid intersection.

Timing — only relevant when the scene has video layers or a non-zero duration. See Timeline & Export for the full controls.

Transform

Visible whenever a layer is selected. Each layer carries its own transform.

• Position (X, Y) — pixel coordinates relative to the canvas origin.
• Rotation — degrees. Pivots around the anchor; you can enter values outside 0–360 for multi-turn animations.
• Scale (X, Y) — independent or locked aspect ratio (toggle on the link icon between the inputs).
• Anchor — the origin for rotation and scale. Most layers default to center (0.5, 0.5); text defaults to origin (0, 0). See Concepts → Anchor points.
• Flip — two buttons: Flip horizontal mirrors the layer along its vertical axis; Flip vertical mirrors it along its horizontal axis. Flips are applied via the layer's scale, so they compose with rotation cleanly.
• Align — six buttons that snap the selected layer (or the bounding box of multiple selected layers) to canvas edges and center: Left, Center horizontally, Right, Top, Center vertically, Bottom.

You can also adjust position, rotation, and scale interactively on the canvas with the Select tool gizmo.

Smart guides. When you drag a layer near another layer's edges or centers, magenta alignment guides appear and the dragged layer snaps to them. Hold the layer over a guide for a moment to commit the snap, or move past to keep dragging freely. This works whether you're dragging from the canvas or nudging with arrow keys.

Appearance

Visible whenever a layer is selected.

• Opacity — 0–100%.
• Blend mode — controls how this layer combines with the layers beneath it.

Picking colors. Color fields (fill, stroke, text color, background) open the Compositor's color picker — pick by hue/saturation/value or by hex. Recent colors are remembered for quick reuse (up to 8 entries, persisted in your browser).

The Compositor supports the standard twelve blend modes. They're grouped here by what they do:

Layers below this one are unchanged by your blend choice — only the result of stacking changes.

Layer mask

A layer mask hides part of one specific layer using another layer as the source. The mask only affects the layer it's set on — other layers in the scene render normally. Two variants:

• Alpha mask — the source layer's transparency drives visibility. Transparent areas hide; opaque areas show.
• Luminance mask — the source layer's brightness drives visibility. White shows, black hides, gray partially reveals.

Pick the mask type, then pick the source layer from the dropdown of layers in the same scene. Hide the mask source from the canvas by toggling its visibility — the mask still applies.

Global alpha mask

A global alpha mask is the scene-level counterpart: it applies once to the entire composited scene, not per layer. Pick one layer in the scene; everything else renders only where the chosen layer is opaque. Useful for vignettes, custom frame shapes, or scene-wide windowing effects without applying the same mask to every layer individually.

The global alpha mask is set on the Canvas properties (visible when nothing is selected), not per-layer.

Type-specific sections

When a layer of a particular type is selected, additional sections appear. They're documented alongside the layer type:

• Layers → Vector — point-type editing, fill, stroke.
• Layers → Text — typography, variable axes, sizing modes, stroke.
• Layers → 3D mesh — mesh source, viewport, rotation, material.
• Layers → Adjustment — basic filters and presets.
• Layers → Image and Video — source vs. display dimensions, crop, video loop.

What's Next?