# Compositor

Canonical page: https://fuser.studio/features/compositor

Compositor turns AI generations into editable campaign layouts: layer images, video, text, vectors and 3D on the Fuser canvas and export PNG or MP4.

## AI layout editor for generated campaigns

_Compositor Node_

Turn generations into finished, editable campaign layouts. Layer, mask and blend images, video, text, vectors and 3D right on your canvas, then export PNG or MP4.

[Build a layout](https://app.fuser.studio/) · [Read the Compositor guide](https://docs.fuser.studio/docs/compositor)

## Your Complete Editing Environment

Layer images, video, text, shapes, vector art, and 3D objects into a single composition and connect them to any AI node downstream for inference, editing, or export. Create collages, campaigns, brand visuals, mood boards, content stacks, and more. For designers, creators, and studios who need control over every output.

### Mockup anything

Layer and position your assets in the Compositor, then prompt to generate a high-fidelity mockup.

### Design in real time

Mock up designs directly in your canvas. Position elements exactly where you want them, adjust your composition, and then pass it directly to any AI node for inference or editing.

### Layer Everything. Composite Anything.

Any asset, any format. Drop it in and mock it up. Layer video along with images, text, vectors, and 3D objects in the same scene and composite everything at once.

### Visualize and Iterate

Import a 3D model, block the composition, and render interior views with furniture and material details. Sketch loose, refine fast, and render in one place.

## Everything you need in one node

Inpainting, masking, variable fonts, and 3D mesh. All layered inside the Compositor node. A full editing environment, connected to every other node in your workflow.

### Inpainting

Draw on any layer, connect to a node, and describe what you want to see. Edit one element without touching the rest of the scene.

### Variable Fonts

Add a text layer and adjust weight, width, and optical size with sliders. Animate individual axes for a looping morph effect.

### Masks

Use any layer as a mask source to apply alpha or luminance masks to individual layers. Or set a global mask that applies to the entire scene at once.

### 3D Mesh

Import glTF/GLB models with PBR materials and control rotation and scale directly in the canvas.

## A few things worth knowing

### What is an AI layout editor?

Compositor is Fuser's layout editor, built into a node on the canvas. It stacks images, video, text, vector art, raster paint and 3D into one layered scene that flows to any connected node or exports as PNG or MP4.

### If I swap in a new generation, does my layout reset?

No. The scene keeps each layer's position, size and rotation, so a new upstream image only replaces the pixels. That lets you test different generations in the same layout without rebuilding it.

### Do I need to export before using a composition in another node?

No. The Compositor's output socket passes the scene straight to connected Image, Video and Compositor nodes, which render it live. Export is for getting a PNG or MP4 file out of Fuser. See [Timeline & Export](https://docs.fuser.studio/docs/compositor/timeline-and-export).

### Can I edit compositions on my phone?

The editor runs on desktop and tablet browsers. On mobile, Compositor nodes still show their output but the editor won't open.

## Lay it out once. Swap the rest.

Drop your generations into a Compositor, set the layout and feed it to whatever comes next.

[Start a composition](https://app.fuser.studio/) · [Learn the editor](https://docs.fuser.studio/docs/compositor)